@extends('layouts.app')

@section('pagetitle')

@stop

@section('title')
<h1>ข้อมูลสินค้า <small>{{$product_type->name}}</small></h1>
@stop


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

</style>
<div class="main-container  " >
 
 <div class="panel panel-default">
  <div class="panel-body"><span class="pull-left">
 <form class="form-inline">
  <div class="form-group">
     
     
        <label for="product_key">รหัสสินค้า/ชื่อสินค้า</label>
 
   <input type="text" name="product_key" id="product_key" class="form-control" value="{{isset($_GET['product_key']) ? $_GET['product_key']: ''  }}">
  </div>
 
  <button type="submit" class="btn btn-info">ค้นข้อมูลสินค้า</button>
</form>
</span>
 
  </div>
</div>
 
   <div class="table-responsive">
  <table width="100%" border="1" class="table table-bordered table-striped">
    <thead>
      <tr class="bg-info text-white">
        <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">ราคาขาย</td>
        <td align="center"><a class=" btn btn-primary btn-xs" onClick="addProduct();"> เพิ่มสินค้า</a></td>
      </tr>
    </thead>
    <tbody>
          @foreach($products as $product)
    <tr>
      <td align="center">{{++$r}}</td>
      
      <td align="center">{{$product->barcode}}</td>
 	  <td align="center">{{$product->name}}</td>
 
 
      <td align="center">{{$product->balance}}</td>
      <td align="center">{{$product->minimum}}</td>
      <td align="center">{{$product->unit}}</td>
      <td align="center">{{$product->zone}}/{{$product->level}}</td>
      <td align="center">{{$product->partfor}}</td>
      <td align="center">{{$product->cost_everage}}</td>
      <td align="center">{{$product->price1}} | {{$product->price2}} | {{$product->price3}} |  {{$product->price4}}  |  {{$product->price5}}</td>
      <td align="center">
        
      <button class="btn btn-xs btn-info" onClick="editProduct('{{json_encode($product->id)}}',
      '{{json_encode($product->product_types_id)}}',
      '{{json_encode($product->brands_id)}}',
      '{{json_encode(  str_replace("'", "@", $product->name))}}',
      '{{json_encode($product->barcode)}}',
      '{{json_encode($product->detail)}}',
      '{{json_encode(asset('product_img/'.$product->image))}}',
      '{{json_encode($product->size)}}',
      '{{json_encode($product->unit)}}',
      '{{json_encode($product->balance)}}',
      '{{json_encode($product->partfor)}}',
      '{{json_encode($product->minimum)}}',
      '{{json_encode($product->price1)}}',
       '{{json_encode($product->price2)}}',
        '{{json_encode($product->price3)}}',
         '{{json_encode($product->price4)}}',
          '{{json_encode($product->price5)}}',
      
      
      
      '{{json_encode($product->cost_everage)}}');">แก้ไข</button>
        <button class="btn btn-xs btn-danger" onClick="confirm_del('{{$product->id}}','{{json_encode(str_replace("'", "@", $product->name))}}','{{json_encode($product->barcode)}}')">ลบ</button></td>
    </tr>
    @endforeach
      </tbody>
    
  </table>
  
  {{ $products ->links()}}
</div><br>
<br>

</div>
<!-- Modal -->
<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">Modal title</h4>
      </div>
      <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="name" class="col-sm-3 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="barcode" class="col-sm-3 control-label">รหัสสินค้า</label>
                <div class="col-sm-4">
                  <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}}" @if($type->id==$product_type->id) selected @endif>{{$type->name}}</option>
                    
      @endforeach
      
                  </select>
                </div>
              </div>
              <div class="form-group">
                <label for="name" class="col-sm-3 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-3 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-3 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"  style="display:none">
                <label for="partfor" class="col-sm-3 control-label">สำหรับ</label>
                <div class="col-sm-9">
                  <textarea  class="form-control" name="partfor"  id="partfor" placeholder="สำหรับ"   rows='3'></textarea>
                </div>
              </div>
              <div class="form-group">
                <label for="cost_everage" class="col-sm-3 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-3 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-3 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-3 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-3 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-3 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-3 control-label">หน่วยนับ</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="units" name="unit" placeholder="หน่วยนับ">
                </div>
              </div>
                   <div class="form-group">
                <label for="minimum" class="col-sm-3 control-label">จำนวนต่ำสุด</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="minimum" name="minimum" placeholder="จำนวนต่ำสุด" >
                </div>
              </div>
            </div>
                      </div>
        </div>
        <div class="modal-footer">
          <button type="reset" class="btn btn-warning" data-dismiss="modal">ยกเลิก</button>
          <button type="submit" class="btn btn-primary" id="save-btn">บันทึก</button>
        </div>
      </form>
    </div>
  </div>
</div>





<!-- Modal -->
<div class="modal fade" id="md-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" 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">คุณ {{Auth::user()->name}} กำลังจะลบข้อมูลสินค้า</h4>
      </div>
      <div class="modal-body">
       <div class="text-danger">รหัสสสินค้า : <span id="dpro-code" style="font-size:2rem"></span><br>
ชื่อสินค้า : <span id="dpro-name" style="font-size:2rem"></span></div>
      </div>
      <div class="modal-footer"> 
       <form method="post" action="{{route('admin.drop.product')}}">
        <button type="button" class="btn btn-default" data-dismiss="modal">ยกเลิก</button>
      
        <input type="hidden" name="id" id="dpid">
          <input type="hidden" name="_token" value="{{csrf_token()}}">
        <button type="submit" class="btn btn-primary">ยืนยันลบสินค้า</button>
        </form>
      </div>
    </div>
  </div>
</div>

@stop

 
@section('script')
<script>
  
   function addProduct()
   {	   
		$('#myModalLabel').html("เพิ่มข้อมูลสินค้าใหม่");
	   $('#form1').prop('action','