@extends('cusapp_other')
@section('content')
<div class="col-sm-10">
<div align="center"><h2>แจ้งชำระเงิน</h2></div>
<div style="padding-bottom:20px; border-top: dashed 1px rgba(204,204,204,1.00)"></div> 
<div class="panel panel-info">
  <div class="panel-body">
  <form class='form-horizontal' method='post' enctype="multipart/form-data" action="{{url('customer/payment')}}">
    <input type='hidden'  name='_token' value='{{csrf_token()}}'>
    <div class='form-group'>
      <label for='orders_id' class='col-sm-2 control-label'>เลขที่การสั่งซื้อ</label>
      <div class='col-sm-10'>
      @if(isset($order))
      <input type='input' class='form-control' id='orders_id' placeholder='เลขที่การสั่งซื้อ' name='orders_id' title="เลขที่การสั่งซื้อ"  required readonly value="{{$order->id}}" >
      
      
      
      
      <script>


 

 
 


</script> 
      
      
      @else
        <input type='input' class='form-control' id='orders_id' placeholder='เลขที่การสั่งซื้อ' name='orders_id' title="เลขที่การสั่งซื้อ"  required >
       @endif
       
      </div>
    </div>
      <div class='form-group'>
      <label for='orders_id' class='col-sm-2 control-label'>ผู้สั่งซื้อ</label>
      <div class='col-sm-10'>
        <span id="name_cus">โปรดระบุเลขที่การสั่งซื้อ</span>
      </div>
    </div>  
    <div class='form-group'>
      <label for='money' class='col-sm-2 control-label'>จำนวนเงิน</label>
      <div class='col-sm-10'>
        <input type='input' class='form-control' id='money' placeholder='จำนวนเงิน' name='money' title="จำนวนเงิน" required>
      </div>
    </div>
    <div class='form-group'>
      <label for='pay_name' class='col-sm-2 control-label'>ชื่อผู้ชำระ</label>
      <div class='col-sm-10'>
        <input type='input' class='form-control' id='pay_name' placeholder='ชื่อผู้ชำระ' name='pay_name' title="ชื่อผู้ชำระ" required>
      </div>
    </div>
    <div class='form-group'>
      <label for='pay_tel' class='col-sm-2 control-label'>เบอร์โทรติดต่อ</label>
      <div class='col-sm-10'>
        <input type='input' class='form-control' id='pay_tel' placeholder='เบอร์โทรติดต่อ' name='pay_tel' title="เบอร์โทรติดต่อ" required>
      </div>
    </div>
    <div class='form-group'>
      <label for='from_bank' class='col-sm-2 control-label'>ธนาคารต้นทาง</label>
      <div class='col-sm-10'>
        <input type='input' class='form-control' id='from_bank' placeholder='ธนาคารต้นทาง' name='from_bank' title="ธนาคารต้นทาง" required>
      </div>
    </div>
    <div class='form-group'>
      <label for='to_bank' class='col-sm-2 control-label'>โอนไปที่ธนาคาร</label>
      <div class='col-sm-10'>
        <select class='form-control' id='to_bank' placeholder='โอนไปที่ธนาคาร' name='to_bank' title="โอนไปที่ธนาคาร">
          
                @foreach($banks as $bank)
				
          <option value="{{$bank->name}}">{{$bank->name}} : {{$bank->account_id}}  {{$bank->account_name}}</option>
          
                @endforeach
				
        </select>
      </div>
    </div>
    <div class='form-group'>
      <label for='time_transfer' class='col-sm-2 control-label'>วันเวลาที่โอน</label>
      <div class='col-sm-10'>
        <input type='input' class='form-control' id='time_transfer' placeholder='วันเวลาที่โอน' name='time_transfer' title="วันเวลาที่โอน" required>
      </div>
    </div>
    <div class='form-group'>
      <label for='slip' class='col-sm-2 control-label'>หลักฐานการโอน</label>
      <div class='col-sm-10'>
        <input type='file' class='form-control' id='slip' placeholder='หลักฐานการโอน' name='slip' title="หลักฐานการโอน" required>
      </div>
    </div>
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-success" title="บันทึก">บันทึก</button>
      <button type="reset" class="btn btn-danger" title="ยกเลิก" onClick="window.location='/';">ยกเลิก</button>
    </div>
  </form >
  </div></div>
</div>
@endsection


@section('script') 
<script>

@if(isset($order))

	var names= "";
	var total = 0;
  $.ajax({ 
			type: 'GET', 
			url: "{{url('customer/checkorder/')}}/"+this.value  , 
			data: {_token:'{{csrf_token()}}'}, 
			dataType: 'json',
			 success: function (data) {
				 $.each(data, function(index , values) {
					names =   (values.name);
					total = (values.total_price);
					});
				 if(names!=""){ // เจอ
					 $('#name_cus').html("<strong>"+names+"</strong>      ยอดเงินทั้งสิ้นคือ "+total);
					 $('.btn').removeAttr('disabled');
					 }
					else{ // ไม่เจอ
						alert('ไม่พบเลขที่สั่งซื้อ โปรดตรวจสอบ');
						$('#orders_id').focus();
						$('#name_cus').html("โปรดระบุเลขที่การสั่งซื้อ");
						$('.btn').prop('disabled','true');
						}
 
			 }
});
@else

$('#orders_id').blur(function(e) {
	var names= "";
	var total = 0;
  $.ajax({ 
			type: 'GET', 
			url: "{{url('customer/checkorder/')}}/"+this.value  , 
			data: {_token:'{{csrf_token()}}'}, 
			dataType: 'json',
			 success: function (data) {
				 $.each(data, function(index , values) {
					names =   (values.name);
					total = (values.total_price);
					});
				 if(names!=""){ // เจอ
					 $('#name_cus').html("<strong>"+names+"</strong>      ยอดเงินทั้งสิ้นคือ "+total);
					 $('.btn').removeAttr('disabled');
					 }
					else{ // ไม่เจอ
						alert('ไม่พบเลขที่สั่งซื้อ โปรดตรวจสอบ');
						$('#orders_id').focus();
						$('#name_cus').html("โปรดระบุเลขที่การสั่งซื้อ");
						$('.btn').prop('disabled','true');
						}
 
			 }
});
//alert(this.value);
});


@endif

</script> 
@endsection