@extends('layouts.app')

@section('pagetitle')

@stop

@section('title')
<h1>เพิ่มข้อมูลสินค้า </h1>
@stop


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

</style>



 
      <form method="post" class="form-horizontal" enctype="multipart/form-data" id="form1"  action="{{url('admin/products/create')}}" >
        {{csrf_field()}}
        <input type="hidden" name="id" id="id">
        <div class="modal-body">
          <div class="row">
            <div class="col-sm-12">
              
              <div class="form-group">
                <label for="barcode" class="col-sm-2 control-label">รหัสสินค้า (F1)</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="barcode" name="barcode" placeholder="รหัสสินค้า" required>
                </div>
          
                <label for="name" class="col-sm-2 control-label">ประเภท</label>
                <div class="col-sm-3">
                  <select name="product_types_id"  class="form-control"  id="product_types_id"  >
                    
      @foreach($product_types as $type)
      
                    <option value="{{$type->id}}"  >{{$type->name}}</option>
                    
      @endforeach
      
                  </select>
                </div>
              </div><div class="form-group">
                <label for="name" class="col-sm-2 control-label">ชื่อสินค้า</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="name" name="name" placeholder="ชื่อสินค้า" required>
                </div>
              </div>
              <div class="form-group">
                <label for="name" class="col-sm-2 control-label">ยี่ห้อ</label>
                <div class="col-sm-3">
                  <select name="brands_id"  class="form-control"  id="brands_id" >
                    
      @foreach($brands as $brand)
      
                    <option value="{{$brand->id}}">{{$brand->name}}</option>
                    
      @endforeach
      
                  </select>
                </div>
          
                <label for="size" class="col-sm-2 control-label">ขนาด</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="size" name="size" placeholder="ขนาด">
                </div>
              </div>
              <div class="form-group">
                <label for="detail" class="col-sm-2 control-label">รายละเอียด</label>
                <div class="col-sm-9">
                  <textarea  class="form-control" name="detail"  id="detail" placeholder="อื่นๆ"  rows='3'></textarea>
                </div>
              </div>
     
              
              <div class="form-group">
                <label for="cost_everage" class="col-sm-2 control-label">ราคาต้นทุน</label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="cost_everage" name="cost_everage" placeholder="ราคาต้นทุน">
                </div>
  
                  <label for="price" class="col-sm-2 control-label">ราคาที่ 1 </label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="price1" name="price1" placeholder="ราคาที่ 1">
                </div>
              </div>   
           
           
               <div class="form-group">
                <label for="price" class="col-sm-2 control-label">ราคาที่ 2</label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="price2" name="price2" placeholder="ราคาที่ 2">
                </div>
            
                <label for="price" class="col-sm-2 control-label">ราคาที่ 3</label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="price3" name="price3" placeholder="ราคาที่ 3">
                </div>
              </div>   
              
                  <div class="form-group">
                <label for="price" class="col-sm-2 control-label">ราคาที่ 4</label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="price4" name="price4" placeholder="ราคาที่ 4">
                </div>
       
                <label for="price" class="col-sm-2 control-label">ราคาที่ 5</label>
                <div class="col-sm-3">
                  <input type="number" step="0.01" class="form-control" id="price5" name="price5" placeholder="ราคาที่ 5">
                </div>
              </div>      
              
              
              
              <div class="form-group">
                <label for="unit" class="col-sm-2 control-label">หน่วยนับ</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="units" name="unit" placeholder="หน่วยนับ">
                </div>
   
                <label for="minimum" class="col-sm-2 control-label">จำนวนต่ำสุด</label>
                <div class="col-sm-3">
                  <input type="text" class="form-control" id="minimum" name="minimum" placeholder="จำนวนต่ำสุด" >
                </div>
              </div>
              
              <hr>
              <h4>เพิ่มสินค้าเข้าคลัง ของสาขา</h4>  <div class="row">
              @foreach($branches as $brn)
            
              
                <label for="quantity" class="col-sm-2 control-label">{{$brn->name}}</label>
                <div class="col-sm-2 mb-3">
              <input type="number" class="form-control" id="quantity-{{$brn->id}}" name="quantity_{{$brn->id}}" placeholder="จำนวนที่เพิ่มเข้าคลัง {{$brn->name}}"  min="0">
                </div>
   
                 
            
              @endforeach  </div>
              
            </div>
                      </div>
        </div>
        <div class="modal-footer">
          <a href="{{ route('barcode.print', 0) }}"  class="btn btn-success" id="btn-print-barcode"  style="display:none">พิมพ์ราคาสินค้า </a>
          <button type="reset" class="btn btn-warning"  >ยกเลิก (F2)</button>
          <button type="submit" class="btn btn-primary" id="save-btn">บันทึก</button>
        </div>
      </form>
 
@stop
@section('script')
<script>
var url_load_product = "";
	/* F1 112 - F12 123 */
$(document).keydown(function (event) {
    if (event.keyCode == 112) {  
		$('#barcode').focus();
		return false;
    } 
	  if (event.keyCode == 113) {  
		 document.getElementById("form1").reset();
		return false;
    } 
});	

	 $('#barcode').keypress(function(e) {     
		if(e.keyCode==13){		 
			 checkBarcode($(this).val());
			return false;
			}	
	
	});
$('#barcode')	.blur(function(e) {
    checkBarcode($(this).val());
});
	
	 
	
function checkBarcode(bc )
{ 
		$.ajax({
		type:'POST',
		url:"