@extends('layouts.app')

@section('pagetitle')

@stop

@section('title')
<h1>รับสินค้าเข้า </h1>
@stop


@section('content')
<style>
.demo-product{ width:100%}

</style>


    @if(Session::has('success_message'))
        <div class="alert alert-success">
            <i class=" fas fa-fw fa-check" aria-hidden="true"></i>
            {!! session('success_message') !!}

             <span aria-hidden="true">&times;</span>

        </div>
    @endif



  <form class="form-horizontal" method="post" id="frm-1" action="{{route('save.recieved')}}">
          {{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="cost_everage" name="cost_everage"   placeholder="ต้องระบุทุกครั้งที่รับสินค้าเข้า"  required>
                </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"   required>
                </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>
 
@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:"