@extends('layouts.app')

@section('pagetitle')

@stop

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


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

</style>
<div class="main-container  " >
 
   <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">มูลค่าสุทธิ</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->name}}</td>
      <td align="center">{{$product->barcode}}</td>
 
      <td align="center">{{$product->brand}}</td>
      <td align="center">{{$product->size}}</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->price}}</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->price)}}',
      '{{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>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" 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">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-9">
                  <input type="text" class="form-control" id="barcode" name="barcode" placeholder="รหัสสินค้า" required>
                </div>
              </div>
              <div class="form-group">
                <label for="name" class="col-sm-3 control-label">ประเภท</label>
                <div class="col-sm-9">
                  <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-3 control-label">ยี่ห้อ</label>
                <div class="col-sm-9">
                  <select name="brands_id"  class="form-control"  id="brands_id" >
                    
      @foreach($brands as $bb)
      
                    <option value="{{$bb->id}}" @if($bb->id==$brand->id) selected @endif>{{$bb->name}}</option>
                    
      @endforeach
      
                  </select>
                </div>
              </div>
              <div class="form-group">
                <label for="size" class="col-sm-3 control-label">ขนาด</label>
                <div class="col-sm-9">
                  <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-9">
                  <input type="number" step="0.01" class="form-control" id="cost_everage" name="cost_everage" placeholder="มูลค่าสุทธิ">
                </div>
              </div>              
              <div class="form-group">
                <label for="price" class="col-sm-3 control-label">ราคาขาย</label>
                <div class="col-sm-9">
                  <input type="number" step="0.01" class="form-control" id="price" name="price" placeholder="ราคา">
                </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="balance" class="col-sm-3 control-label">คงเหลือ</label>
                <div class="col-sm-9">
                  <input type="text" class="form-control" id="balance" name="balance" placeholder="คงเหลือ" required>
                </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('style')
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
@stop
@section('script')
<script>
  
   function addProduct()
   {	   
		$('#myModalLabel').html("เพิ่มข้อมูลสินค้าใหม่");
	   $('#form1').prop('action','