@extends('layouts.admin')
@section('body')
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="table-responsive">
    <h2>Product Price Setup</h2>
    <form action="/admin/insertProductprice" method="post">
        {{csrf_field()}}
        <div class="form-group">
            <label for="name">รหัสสินค้า</label>
            <input type="text" class="form-control"  placeholder="Product Code" value="{{$product->itmcd}}" disabled>
            <input type="hidden" name="itmcd" value="{{$product->itmcd}}">
            <input type="hidden" name="id" value="{{$product->id}}">

        </div>
        <div class="form-group">
            <label for="name">ชื่อภาษาไทย</label>
            <input type="text" class="form-control" name="name" id="name" placeholder="Product Name" value="{{$product->name}}" disabled>
        </div>
        <div class="form-group">
            <label for="name">กลุ่มราคา</label>
            <input type="text" class="form-control" name="name" id="name" placeholder="Product Name" value="{{$product->f_get_group_price($product->itmcd)}}" disabled>
        </div>
        <div class="form-group">
          <table class="table table-bordered">
            <thead class="thead-light">
            <tr>
              <th scope="col" style="text-align:center">ประเภทลูกค้า</th>
              <th scope="col" style="text-align:center">จำนวน</th>
              <th scope="col" style="text-align:center">ราคา</th>
              <th scope="col" style="text-align:center">TP-FD</th>
              <th scope="col" style="text-align:center">TP-DD</th>
              <th scope="col" style="text-align:center">...</th>
            </tr>
            </thead>
            <tr>
              <td>
                    <select class="form-control" name="user_type">
                      @foreach($user_types as $user_type)
                          <option value="{{$user_type->mcod_code}}">{{$user_type->mcod_desc}}</option>
                      @endforeach
                    </select>
              </td>
              <td  style="text-align:center"> <input type="number" name="volume" value=""  min="1" max="5000"> </td>
              <td  style="text-align:center"> <input type="number"  name="price" value="" class="floatNumberField" value="0.00" placeholder="0.00" > </td>
              <td  style="text-align:center"> <input type="number" name="tp_fd" value="" class="floatNumberField" value="0.00" placeholder="0.00" > </td>
              <td  style="text-align:center"> <input type="number" name="tp_dd" value="" class="floatNumberField" value="0.00" placeholder="0.00" > </td>
              <td  style="text-align:center"> <button  type="submit" name="submit" class="btn btn-success">เพิ่มรายการ</button> </td>
            </tr>
          </table>
        </div>
    </form>


    <div class="form-group">
      <table class="table table-bordered">
        <thead class="thead-light">
        <tr>
          <th scope="col" style="text-align:center">ประเภทลูกค้า</th>
          <th scope="col" style="text-align:center">จำนวน</th>
          <th scope="col" style="text-align:center">ราคา</th>
          <th scope="col" style="text-align:center">TP-FD</th>
          <th scope="col" style="text-align:center">TP-DD</th>
          <th scope="col" style="text-align:center">Update</th>
          <th scope="col" style="text-align:center">Manage</th>
        </tr>
        </thead>
        @foreach($products_prices as $row)
        <tr>
          <td style="text-align:center">{{$row->f_get_user_type_name($row->user_type)}}</td>
          <td style="text-align:center">{{number_format($row->volume,0)}}</td>
          <td style="text-align:center">{{number_format($row->price,2)}}</td>
          <td style="text-align:center">{{number_format($row->tp_fd,2)}}</td>
          <td style="text-align:center">{{number_format($row->tp_dd,2)}}</td>
          <td style="text-align:center">{{$row->updated_at}}</td>
          <td style="text-align:center">
            <button type="button" class="open-modal btn btn-warning" data-toggle="modal" data-target="#myModal" data-itmcd='{{$row->itmcd}}' data-volume='{{$row->volume}}' data-user='{{$row->user_type}}'>แก้ไขรายการ</button>
          </td>
        </tr>
        @endforeach
      </table>
    </div>

</div>
@endsection


<!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Edit Price</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <form class="" action="/admin/editProductprice" method="post">
          {{csrf_field()}}
          <div class="modal-body">
            <p>รหัสสินค้า</p>
            <input type="text" name="m_itmcd" id="m_itmcd"  value="" readonly >
            <p>ประเภทลูกค้า</p>
            <input type="text" name="m_user" id="m_user"  value="" readonly>
            <p>จำนวน</p>
            <input type="text" name="m_volume" id="m_volume"  value="" readonly>
            <p style="color:red;">ราคา*</p>
            <input type="text" name="m_price" id="m_price"  value="" class="floatNumberField" value="0.00" placeholder="0.00">
            <p style="color:red;">TP-FD*</p>
            <input type="text" name="m_tpfd" id="m_tpfd"  value="" class="floatNumberField" value="0.00" placeholder="0.00">
            <p style="color:red;">TP-DD*</p>
            <input type="text" name="m_tpdd" id="m_tpdd"  value="" class="floatNumberField" value="0.00" placeholder="0.00">
          </div>
          <div class="modal-footer">
            <button  type="submit" name="submit" class="btn btn-success">บันทึก</button>
          </div>
        </form>
      </div>
      <!-- End Modal content-->
    </div>
  </div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".floatNumberField").change(function() {
            $(this).val(parseFloat($(this).val()).toFixed(2));
        });
    });


    $(document).on("click", ".open-modal", function () {
		     var itmcd = $(this).data('itmcd');
         var user = $(this).data('user');
         var volume = $(this).data('volume');
		    // alert(itmcd);
		     $(".modal-body #m_itmcd").val( itmcd );
         $(".modal-body #m_user").val( user );
				 $(".modal-body #m_volume").val(volume);

		});


</script>