<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="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="../../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <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>
	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;
}
    $(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' });

		});
	});

    </script>
    <script>
$(document).ready(function() {

 $('#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 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 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>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-93263607-5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-93263607-5');
</script>


  </body>
</html>