.@extends('layouts.app')




@section('pagetitle')

@stop

@section('title')
<h1>รับสินค้าเข้าคลัง <small> รับสินค้าที่สั่งซื้อเข้าคลัง</small></h1>
@stop


@section('content')
<div class="main-container  " >
 <div class="table-responsive">
 
  <table width="100%" border="1" class="table table-bordered">
    <thead>
      <tr class="btn-info">
        <td align="center">ที่</td>
        <td align="center">ปรับปรุงล่าสุด</td>
        <td align="center">รหัสสินค้า</td>
        <td align="center">สินค้า</td>
        <td align="center">ประเภท</td>
        <td align="center">ยี่ห้อ</td>
        <td align="center">ผู้จัดจำหน่าย</td>
        <td align="center">จำนวน</td>
        <td align="center">ราคา/หน่วย</td>
        <td align="center"><a class=" btn btn-primary btn-xs" onClick="addOrder();"> เพิ่มรายการสินค้ารับเข้า</a></td>
      </tr>
    </thead>
    <tbody>
          @foreach($orders as $order)
    <tr>
      <td align="center">{{++$r}}</td>
       <td align="left" data-order="{{date('YmdH.i',strtotime($order->received_date))}}"><small>{{date('d/m/Y H:i',strtotime($order->received_date))}}</small></td>
      <td align="left">{{$order->barcode}}</td>
      <td align="left">{{$order->name}}</td>
      <td align="left">{{$order->types}}</td>
      <td align="left">{{$order->brands}}</td>
      <td align="left">{{$order->suppliers}}</td>
      <td align="center">{{$order->amount}}</td>
      <td align="center">{{$order->cost}}</td>
      <td align="center" style="padding:3px">      
      <button class="btn btn-xs btn-info" onClick="edit(
      '{{json_encode($order->oid)}}',
      '{{json_encode($order->barcode)}}',
      '{{json_encode($order->name)}}',
       '{{json_encode($order->detail)}}' ,
        '{{json_encode($order->types)}}' ,
         '{{json_encode($order->brands)}}' ,
          '{{json_encode($order->cost)}}'  ,
           '{{json_encode($order->amount)}}' ,
            '{{ ($order->suppliers_id)}}' ,
             '{{json_encode($order->lot_number)}}',
             '{{json_encode($order->image)}}',
             '{{json_encode($order->branch_stocks_id)}}' )">แก้ไข</button>
      <a class="btn btn-xs btn-danger" href="{{url('admin/product-order/drop/'.$order->oid)}}" onClick="return confirm('ยืนยันการลบรายการรับสินค้า ข้อมุลสินค้าที่รับจะหายไป')">ลบ</a>
      </td>
    </tr>
    @endforeach
      </tbody>
    
  </table>
  
  </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
      <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">รับสินค้าเข้า</h4>
        </div>
        <form class="form-horizontal" method="post" id="frm-1">
          {{csrf_field()}}
          <div class="modal-body">
          <div class='row'>
          
          
            <div class="col-sm-8">
            
              <div class="form-group">
                <label for="branches_id" class="col-sm-3 control-label">สาขา</label>
                <div class="col-sm-8">
               <select name="branches_id"  id ="branches_id" class="form-control" required>                
                    @foreach($branches as $branch)
                    	<option  value="{{$branch->id}}" {{ Session::has('branches_id') && Session::get('branches_id') ==$branch->id ? 'selected': ''  }}>{{$branch->name }}</option>
                    @endforeach     
                </select>
                </div>
              </div>
            
              <div class="form-group">
                <label for="barcode" class="col-sm-3 control-label">รหัสสินค้าสินค้า</label>
                <div class="col-sm-8">
               <input type="hidden" name="products_id" id="products_id"> 
                  <input type="text" class="form-control" id="barcode" name="barcode" placeholder="พิมพ์รหัสสินค้าแล้วกด Enter"  required >
                </div>
                <div class="form-group"> </div>
                <label for="name" class="col-sm-3 control-label">ชื่อสินค้า</label>
                <div class="col-sm-8">
                  <input type="text" required class="form-control" id="name"  readonly>
                </div>
              </div>
              
                 <div class="form-group">
                <label for="name" class="col-sm-3 control-label">รหัสสต๊อกสินค้า</label>
                <div class="col-sm-8">
                  <input  type="text" class="form-control" id="branch_stocks_id" name="branch_stocks_id" readonly> 
                </div>
              </div>
              
              <div class="form-group">
                <label for="name" class="col-sm-3 control-label">รายละเอียด</label>
                <div class="col-sm-8">
                  <textarea required class="form-control" id="detail" readonly></textarea>
                </div>
              </div>
              <div class="form-group">
                <label for="types" class="col-sm-3 control-label">ประเภท</label>
                <div class="col-sm-8">
                  <input type="text" required class="form-control" id="types" readonly>
                </div>
              </div>
              <div class="form-group">
                <label for="brands" class="col-sm-3 control-label">ยี่ห้อ</label>
                <div class="col-sm-8">
                  <input type="text" required="required" class="form-control" id="brands"  readonly>
                </div>
              </div>
              <div class="form-group">
                <label for="price" class="col-sm-3 control-label">ราคาต้นทุน</label>
                <div class="col-sm-8">
                  <input type="number" step="0.01" class="form-control" id="price" name="cost"  >
                </div>
              </div>
              <div class="form-group">
                <label for="amount" class="col-sm-3 control-label">จำนวนที่รับเข้า</label>
                <div class="col-sm-8">
                  <input type="number" step="0.1" class="form-control" id="amount" name="amount"  >
                </div>
              </div>
              <div class="form-group">
                <label for="suppliers_id" class="col-sm-3 control-label">ผู้จัดจำหน่าย</label>
                <div class="col-sm-8">
                  <select class="form-control" id="suppliers_id" name="suppliers_id" >
                  @foreach($suppliers as $supp)
                  	<option value="{{$supp->id}}">{{$supp->name}}</option>
                  @endforeach
                  </select>
                </div>
              </div>
              
                            <div class="form-group">
                <label for="lot_number" class="col-sm-3 control-label">Lot No</label>
                <div class="col-sm-8">
                  <input type="text"  class="form-control" id="lot_number" name="lot_number" >
                </div>
              </div>
            </div>
            <div class="col-sm-4"> <img src="{{asset('assets/images/product-demo.png')}}" id="image-pro" style="max-height:500px; width:100%"> </div>
          </div>
          </div>
          <div class="modal-footer">
            <button type="reset" class="btn btn-default" data-dismiss="modal">ปิด</button>
            <button type="submit" class="btn btn-primary" id="submit" disabled>บันทึกสินค้าเข้า</button>
          </div>
        </form>
      </div>
    </div>
  </div> 
  
  
  
@stop 


@section('style')
 <link rel="stylesheet" href="{{asset('datatable/css/dataTables.bootstrap.min.css')}}" />
@stop
@section('script')
<script src="{{asset('datatable/js/jquery.dataTables.min.js')}}">
</script>
<script src="{{asset('datatable/js/dataTables.bootstrap.min.js')}}"> </script>
<script>
$(document).ready(function() {
$('.table').DataTable({
        "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
        "iDisplayLength": 25
    });
$('#example_previous').html('ย้อนกลับ');
$('#example_next').html('ถัดไป');	 
 
});
</script>
 
<script>
function addOrder()
{
	$('#myModal').modal('show');
}

$('#barcode').keydown(function(e) {
    if(e.keyCode==13){
		var branch_id  = $('#branches_id').val();
		checkBarcode($(this).val(), branch_id);
		return false;
		}
});

$('input.form-control').keydown(function(e) {
	if(e.keyCode==13){	      
    	return false;
	}
});
$('button[type="reset"]').click(function(e) {
    $('#submit').attr('disabled' , 'disabled');
});
function checkBarcode(bc,branch_id)
{ 
		$.ajax({
		type:'POST',
		url:"