@extends('app')
@section('content')
<div align="center" style="padding-top:1%;"> @foreach($orders as $order)
  <div style="max-width:680px; border:dashed rgba(200,193,193,1.00) 1px; padding:5px; margin-bottom:20px" align="center"  >
    <div class="row">
      <div class="col-md-12">
        <div  class="col-xs-6 x"  style="padding-left:0; padding-right:5px" >
          <div class="box"> <strong>ข้อมูลผู้ซื้อ</strong><br>
            <div align="left"> {{$order->name}}<br>
              {{$order->address}} 
              {{$order->postcode}} <br>
              โทร {{$order->tel}} </div>
          </div>
        </div>
        <div  class="col-xs-6 x"  style="padding-right:0; padding-left:5px" >
          <div class="box">
            <h4>รายการสั่งซื้อที่ {{$order->id}}</h4>
            Date {{date('d/m/Y H:i',strtotime($order->created_at))}}</div>
        </div>
        <div  style="padding:5px; clear:both"></div>
        <div class="col-md-12">
          <div class="row" style="background:rgba(237,237,237,1.00)">
            <div class="col-xs-1 has_border">No</div>
            <div class="col-xs-5  has_border">Product Name</div>
            <div class="col-xs-2  has_border">Quantity</div>
            <div class="col-xs-2  has_border">Price</div>
            <div class="col-xs-2  has_border">Amount</div>
          </div>
                    @foreach($orderdetails as $detail)
          @if($detail->orders_id === $order->id)
          <div class="row" >
            <div class="col-xs-1  has_border">{{++$r}}</div>
            <div class="col-xs-5  has_border">{{$detail->name}}</div>
            <div class="col-xs-2 has_border">{{$detail->quantity}}</div>
            <div class="col-xs-2 has_border">{{$detail->price}}</div>
            <div class="col-xs-2 has_border">{{$detail->quantity*$detail->price}}</div>
          </div>
          @endif
          @endforeach
          <div class="row">
            <div class="col-xs-1 "> &nbsp;</div>
            <div class="col-xs-5 "> &nbsp;</div>
            <div class="col-xs-1 ">&nbsp; </div>
            <div class="col-xs-3 has_border" align="right">ค่าขนส่ง</div>
            <div class="col-xs-2 has_border" align="right">0</div>
          </div>
          <div class="row">
            <div class="col-xs-1 ">&nbsp;</div>
            <div class="col-xs-5 ">&nbsp; </div>
            <div class="col-xs-1 ">&nbsp; </div>
            <div class="col-xs-3 has_border" align="right">&nbsp;ราคาสุทธิ</div>
            <div class="col-xs-2 has_border" align="right">{{number_format($order->total_price)}}</div>
          </div>
          <div class="row">
            <div class="col-xs-1 "> &nbsp;</div>
            <div class="col-xs-5 "> &nbsp;</div>
            <div class="col-xs-1 ">&nbsp; </div>
            <div class="col-xs-3 has_border" align="right">&nbsp;จำนวนเงินทั้งสิ้น</div>
            <div class="col-xs-2 has_border" align="right">{{number_format($order->total_price)}}</div>
          </div>
        </div>
      </div>
    </div>
    <div>
      <button class="btn btn-primary btn-ems"  data-Name="{{$order->name}}" data-Id="{{$order->id}}" data-cusId="{{$order->users_id}}" >ส่งสินค้าแล้ว</button>
    </div>
  </div>
  @endforeach
  <button class="btn btn-primary"  onClick="window.print();">Print</button>
</div>

<!-- Modal -->
<div class="modal fade" id="EMs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div><form method="post" action="{{url('admin/sent/create')}}">
      <div class="modal-body">
        
          <select name="logistic_id" class="form-control">
            
      @foreach($logistics as $logistic)
      
      
            <option value="{{$logistic->id}}">{{$logistic->name}}</option>
            
      
      @endforeach      
      
          </select>
          <br>
          <input type="text" class="form-control" title="Tracking Code" placeholder="Tracking Code" name="tracking_id"  >
          <input name="orders_id" type="hidden" value="{{$order->id}}">
           <input name="users_id" type="hidden" value="{{$order->users_id}}">
 <input name="_token" type="hidden" value="{{csrf_token()}}">
         
   
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary btn-sentq" >บันทึกข้อมูลการจัดส่งสินค้า</button>
      </div>     </form>
    </div>
  </div>
</div>
@endsection

@section('script') 
<script>
var orderid = 0;
var cusId = 0;
$('.btn-ems').click(function(e) {
 $('#myModalLabel').html($(this).attr('data-Id')+" : "+$(this).attr('data-name'));
 orderid = $(this).attr('data-Id');
 cusId = $(this).attr('data-cusId');
 $('#EMs').modal('show'); 
});
$('.btn-sent').click(function(e) {
var selects = $('select[name="logistic"]').val();
var trackCode = $('input[name="trackcode"]').val();
//alert(selects + " = " + trackCode);
  $.ajax({ 
			type: 'POST', 
			url: "{{url('admin/sent/create')}}", 
			data: {_token:'{{csrf_token()}}',logistic_id:selects,tracking_id:trackCode ,orders_id:orderid,users_id:cusId}, 
			dataType: 'text' ,
			success:function(data){
			//	window.location.reload();
				}
			 
});
//window.location.reload();
 
});
</script> 
@endsection

@section('style')
<style>
.box{ border:rgba(20,184,95,1.00) dashed 1px; height:120px; border-radius:8px; padding:3px }
.has_border{ border: solid rgba(189,189,189,1.00)  1px}
@media print{
	.nav{ display:none}
	.btn{display:none}
	}
</style>
@endsection