<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
  window.twttr = (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0],
          t = window.twttr || {};
      if (d.getElementById(id)) return t;
      js = d.createElement(s);
      js.id = id;
      js.src = "https://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
      t._e = [];
      t.ready = function(f) {
          t._e.push(f);
      };
      return t;
  }(document, "script", "twitter-wjs"));
</script>


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!--
    <script src="../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
  -->
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="../plugin/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>
<link href="../plugin/Fullscreen-Loading/src/css/HoldOn.css" rel="stylesheet" type="text/css">
<script src="../plugin/Fullscreen-Loading/src/js/HoldOn.js"></script>
<script type="text/javascript" src="../plugin/bootstrapvalidator-master/dist/js/bootstrapValidator.js"></script>
<script src="../include/function.js"></script>
<script type="text/javascript" src="../plugin/jQuery-Mask-Plugin-master/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
<script src="../plugin/sweetalert-master/dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="../plugin/sweetalert-master/dist/sweetalert.css">


<link href="../plugin/datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet">
<script src="../plugin/datetimepicker/moment-with-locales.js"></script>
<script src="../plugin/datetimepicker/bootstrap-datetimepicker.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

<script>    
    $(document).ready(function() {
        $(function() {
            $('#datetimepicker_payment').datetimepicker({
                format: 'DD/MM/YYYY HH:mm:ss',
                locale: 'th'
            });
            $('#datetimepicker_payment2').datetimepicker({
                format: 'DD/MM/YYYY HH:mm:ss',
                locale: 'th'
            });

            $('#datetimepicker_dmy').datetimepicker({
                format: 'DD/MM/YYYY',
                locale: 'th'
            });
            $('#datetimepicker_dmy2').datetimepicker({
                format: 'DD/MM/YYYY',
                locale: 'th'
            });

        });

        $('#datetimepicker_payment').on('dp.change', function(e) {
            // Revalidate the date field
            $('#fm_payment').bootstrapValidator('revalidateField', 'time_p');
        });

        $('#fm_payment').bootstrapValidator({
            fields: {
                bank_id: {
                    validators: {
                        notEmpty: {
                            message: 'กรุณาเลือกธนาคาร '
                        },
                    }
                },
                price: {
                    validators: {
                        notEmpty: {
                            message: 'กรุณากรอกยอดที่ชำระ'
                        },
                    }
                },
                time_p: {
                    validators: {
                        notEmpty: {
                            message: 'กรุณาเลือวันที่ชำระเงิน'
                        },
                    }
                },
                file_sh: {
                    validators: {
                        notEmpty: {
                            message: 'กรุณาอัพโหลดใบสลิป '
                        },
                        file: {
                            extension: 'jpeg,jpg,png',
                            type: 'image/jpeg,image/png',
                            maxSize: 240000, // 800 * 300
                            message: 'ไฟล์ที่เลือกไม่ถูกต้อง'
                        }
                    }
                },
            }
        })
        .on('success.form.bv', function(e) {
            var $form = $(e.target);
            var bv = $form.data('bootstrapValidator');
            e.preventDefault();

            testHoldon('sk-rect');
            $.ajax({
                url: "../include/ajax_payment.php", // Url to which the request is send
                type: "POST", // Type of request to be send, called as method
                data: new FormData(
                this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
                contentType: false, // The content type used when sending data to the server.
                cache: false, // To unable request pages to be cached
                processData: false, // To send DOMDocument or non processed data file it is set to false
                success: function(data) // A function to be called if request succeeds
                {
                    testHoldon_cl('sk-circle');
                    $("#hidpayment").html(data);
                    $('#fm_payment').trigger("reset");
                    if (data == 1) {
                        //window.location.reload();
                        $('#myModal_payment_orderFm').modal('hide')
                        window.location.href = '../order_member/index.php';
                    }
                }
            });
        });

    });

    function addCommas(nStr) {
        nStr += '';
        x = nStr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        }
        return x1 + x2;
    }

    function payment_order_fm(id) {
        document.getElementById('pm_orderid').value = id;
    }

    function payment_order_show(id) {
        $.ajax({
            url: "../include/ajax_payment_order.php", // Url to which the request is send
            type: "POST", // Type of request to be send, called as method
            data: 'id=' + id,
            cache: false, // To unable request pages to be cached
            processData: false, // To send DOMDocument or non processed data file it is set to false
            dataType: "json",
            success: function(data) // A function to be called if request succeeds
            {
                $("#ajax_payment_order").html(data);
                document.getElementById('po_name').innerHTML = data['name'];
                document.getElementById("po_bank").innerHTML = data['bank'];
                document.getElementById('po_price').innerHTML = addCommas(data['price']);
                document.getElementById("po_datet").innerHTML = data['datetime'];
                if (data['file'] !== '') {
                    document.getElementById("po_file").innerHTML = '<img src="../redbag/payment/' + data['file'] +
                        '"/>';
                }
            }
        });
    }

    function toggle(op, cl) {
        var x = document.getElementById(op);
        var y = document.getElementById(cl);
        if (x.style.display === "none") {
            x.style.display = "block";
            y.style.display = "none";
        }
    }

    function OrderDetai_show(id) {
        $.ajax({
            url: "../include/ajax_orderdetai.php", // Url to which the request is send
            type: "POST", // Type of request to be send, called as method
            data: 'id=' + id,
            cache: false, // To unable request pages to be cached
            processData: false, // To send DOMDocument or non processed data file it is set to false
            //dataType : "json",
            success: function(data) // A function to be called if request succeeds
            {
                $("#ajax_orderDetai").html(data);
            }
        });
    }

</script>


<script src="../include/fn_mains2.js"></script>
<script src="../include/fn_login.js"></script>
<script src="../include/searchlike.js"></script>

<!--
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0GTHB3YFDC"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-0GTHB3YFDC');
</script>
</body>

</html>