@extends('layouts.admin')

@section('title', 'หน้าจอเพิ่ม Order | เพิ่ม')

@section('content')


@php
//dd($data);
$totalnum=($data->XIIsoNum)+($data->XIAntiNumM)+($data->XIAntiNumL)+($data->XIOverM)+($data->XIOverL)+($data->XIOverXL)+($data->XIOver2XL);
$totalbox=($data2['IsoNum'])+($data2['AntiNumM'])+($data2['AntiNumL'])+($data2['OverM'])+($data2['OverL'])+($data2['OverXL'])+($data2['Over2XL']);
$ison=($data->XIIsoNum)-($data2['IsoNum']);
$antim=($data->XIAntiNumM)-($data2['AntiNumM']);
$antil=($data->XIAntiNumL)-($data2['AntiNumL']);
$overm=($data->XIOverM)-($data2['OverM']);
$overl=($data->XIOverL)-($data2['OverL']);
$overxl=($data->XIOverXL)-($data2['OverXL']);
$over2xl=($data->XIOver2XL)-($data2['Over2XL']);
$stotal =$totalnum-$totalbox;
@endphp


  <form action="{{ route("admin.ppebox.store") }}" method="POST" enctype="multipart/form-data">
      @csrf


    <div class="card">
        <div class="card-header">
            {{-- {{ trans('global.create') }} {{ trans('global.Torder_hd.title') }} --}}
            จัดสินค้าลงกล่อง
        </div>

        <div class="card-body">

{{-- {{ dd($data['res'][0]) }} --}}
{{-- {{ dd($data->XIPpeCode) }} --}}
{{-- {{ dd($data2) }} --}}

        <div class="row justify-content-left">
            <div class="col-md-5">
            </div>
            <div class="col-md-2">
                <label class="label-bold" for="XIPpeCode">เลขที่ : </label>
                <label class="label-bold" for="XIPpeCode" id="XIPpeCode" name="XIPpeCode" style="color:blue">{{ $data->XIPpeCode }}</label>
                <input type="hidden" id ="XIPpeCode" name="XIPpeCode" value="{{ $data->XIPpeCode }}" > 

            </div>
            <div class="col-md-3">
                <label class="label-bold" for="XVPpeOrderId">เลขที่ Order :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:blue">{{ $data->XVPpeOrderId }}</label>
            </div>
            <div class="col-md-2">
                <label class="label-bold" for="XVPpeOrderId">วันที่สั่ง :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:blue">{{ !empty($data->XDPpeOrderDate)? Carbon\Carbon::createFromFormat('Y-m-d', $data->XDPpeOrderDate)->format('d/m/Y') : "" }}</label>
            </div>
        </div>
        <div class="row justify-content-left">
            <div class="col-md-6">
                <label class="label-bold" for="XVPpeOrderId">ผู้ติดต่อ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:blue">{{ $data->XVPpeContactName }}</label>
            </div>
            <div class="col-md-3">
                <label class="label-bold" for="XVPpeOrderId">โทร :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:blue">{{ $data->XVPpeContactTel }}</label>
            </div>
        </div>    
        <div class="row justify-content-center">
            <hr class="btn-secondary" width="95%">
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-6">
                <label class="label-bold" for="XVPpeDonateName">ชื่อผู้บริจาค :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:red">{{ $data->XVPpeDonateName }}</label>
            </div>
            <div class="col-lg-6">
                <label class="label-bold" for="XVPpeRecipName">ชื่อผู้รับของ - สถานที่รับของ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:red">{{ $data->XVPpeRecipName }}</label>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-8">
                <label class="label-bold" for="XVPpeSendAdd">ที่อยู่จัดส่ง :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:red">{{ $data->XVPpeSendAdd }}</label>
            </div>
            <div class="col-lg-4">
                <label class="label-bold" for="XVPpeSendTel">เบอร์โทรผู้รับของ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                <label class="label-bold" for="XVPpeOrderId" style="color:red">{{ $data->XVPpeSendTel }}</label>
            </div>
        </div>

        <div class="row justify-content-center">
            <hr class="btn-secondary" width="95%">
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <table class="table table-bordered">
                    <thead class="table-success">
                        <tr>
                            <th scope="col" style="width=55% text-align:left" >รายการ</th>
                            <th scope="col" style="width=5% text-align:right">Iso</th>
                            <th scope="col" style="width=5% text-align:right">Anti M</th>
                            <th scope="col" style="width=5% text-align:right">Anti L</th>
                            <th scope="col" style="width=5% text-align:right">Over M</th>
                            <th scope="col" style="width=5% text-align:right">Over L</th>
                            <th scope="col" style="width=5% text-align:right">Over XL</th>
                            <th scope="col" style="width=5% text-align:right">Over 2XL</th>
                            <th scope="col" style="width=5% text-align:right">รวม</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td scope="row">จำนวนที่สั่ง</td>
                            <td style="text-align:right">{{ $data->XIIsoNum }}</td>
                            <td style="text-align:right">{{ $data->XIAntiNumM }}</td>
                            <td style="text-align:right">{{ $data->XIAntiNumL }}</td>
                            <td style="text-align:right">{{ $data->XIOverM }}</td>
                            <td style="text-align:right">{{ $data->XIOverL }}</td>
                            <td style="text-align:right">{{ $data->XIOverXL }}</td>
                            <td style="text-align:right">{{ $data->XIOver2XL }}</td>
                            <td style="text-align:right">{{ $totalnum }}</td>
                        </tr>
                        <tr>
                            <td scope="row">จำนวนที่ใส่กล่อง</td>
                            <td style="text-align:right">{{ $data2['IsoNum'] }}</td>
                            <td style="text-align:right">{{ $data2['AntiNumM'] }}</td>
                            <td style="text-align:right">{{ $data2['AntiNumL'] }}</td>
                            <td style="text-align:right">{{ $data2['OverM'] }}</td>
                            <td style="text-align:right">{{ $data2['OverL'] }}</td>
                            <td style="text-align:right">{{ $data2['OverXL'] }}</td>
                            <td style="text-align:right">{{ $data2['Over2XL'] }}</td>
                            <td style="text-align:right">{{ $totalbox }}</td>
                        </tr>
                        <tr>
                            <td class="table-danger" scope="row">คงเหลือ</td>
                            <td class="table-danger" style="text-align:right">{{ $ison }}</td>
                            <td class="table-danger" style="text-align:right">{{ $antim }}</td>
                            <td class="table-danger" style="text-align:right">{{ $antil }}</td>
                            <td class="table-danger" style="text-align:right">{{ $overm }}</td>
                            <td class="table-danger" style="text-align:right">{{ $overl }}</td>
                            <td class="table-danger" style="text-align:right">{{ $overxl }}</td>
                            <td class="table-danger" style="text-align:right">{{ $over2xl }}</td>
                            <td class="table-danger" style="text-align:right">{{ $stotal }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row justify-content-center">
            <hr class="btn-secondary" width="95%">
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-4">
                <label class="label-bold" for="XIIsoNum" style="color:red">เลือกขนาดกล่อง : </label> 
                <select class="form-control" id="XVBoxSize" name="XVBoxSize" style="font-size: 16px;">
                  <option value="กล่องขนาด 10">กล่องขนาด 10</option>
                  <option value="กล่องขนาด 20">กล่องขนาด 20</option>
                  <option value="กล่องขนาด 30">กล่องขนาด 30</option>
                  <option value="กล่องขนาด 50">กล่องขนาด 50</option>
                </select>
            </div>
            {{-- <input type="hidden" id ="XVBoxSize" name="XVBoxSize"  > --}}

            <div class="col-lg-4">
                <label class="label-bold" for="XIIsoNum" style="color:red">Box Number : </label> 
                <input class="col-sm-3 form-control font-size" type="text" name="XIBoxIsoNum" id="XIBoxIsoNum" placeholder="Box Number" style="font-size: 16px;">
            </div>
        </div>
        <div class="row justify-content-center">
            <hr class="btn-secondary" width="95%">
        </div>


        <div class="row justify-content-center">
                <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIIsoNum">Isolation gowns :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxIsoNum" id="XIBoxIsoNum" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Anti-Virus Size M :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxAntiNumM" id="XIBoxAntiNumM" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Anti-Virus Size L :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxAntiNumL" id="XIBoxAntiNumL" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Overall Size M :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxOverM" id="XIBoxOverM" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Overall Size L :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxOverL" id="XIBoxOverL" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Overall Size XL :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxOverXL" id="XIBoxOverXL" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">Overall Size 2XL :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XIBoxOver2XL" id="XIBoxOver2XL" placeholder="จำนวนที่ลงกล่อง" style="font-size: 16px;">
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-2">
            </div>
        </div>
        <div class="row justify-content-center">
            <hr class="btn-secondary" width="95%">
        </div>

        {{-- <div class="row justify-content-center">
            <div class="col-lg-10">
                <table class="table table-bordered">
                    <thead class="table-dark">
                        <tr>
                            <th scope="col" style="width=5% text-align:left" >#</th>
                            <th scope="col" style="width=20% text-align:left" >ขนาดกล่อง</th>
                            <th scope="col" style="width=5% text-align:left" >เลขกล่อง</th>
                            <th scope="col" style="width=5% text-align:right">Iso</th>
                            <th scope="col" style="width=5% text-align:right">Anti M</th>
                            <th scope="col" style="width=5% text-align:right">Anti L</th>
                            <th scope="col" style="width=5% text-align:right">Over M</th>
                            <th scope="col" style="width=5% text-align:right">Over L</th>
                            <th scope="col" style="width=5% text-align:right">Over XL</th>
                            <th scope="col" style="width=5% text-align:right">Over 2XL</th>
                            <th scope="col" style="width=5% text-align:right">รวม</th>
                            <th scope="col" style="width=15% text-align:left" >Option</th>
                            <th scope="col" style="width=15% text-align:left" >ใบแปะกล่อง</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div> --}}


    </div>
        <div class="card-footer">
            <div class="row">
                <div class="col">
                    <a href="{{route('admin.ppebox')}}" class="btn btn-danger active" role="button" aria-pressed="true">{{ trans('global.back') }}</a>
                </div>

                <div class="col text-right">
                    <input class="btn btn-success active" type="submit" value="{{ trans('global.save') }}">
                </div>
            </div>
        </div>
    </div>


</form>

<script type="text/javascript">
  var i = 0;
  $("#XDPpeOrderDate").datepicker()
  $("#XDPpeSendDate").datepicker()
  $("#XDPpeDateSal").datepicker()

  jQuery(function() {
        $('#isXVPpeStaSal').change(function() {
            $('#XVPpeStaSal').val( $(this).prop('checked') )
        })
        $('#isXVPpeStaSend').change(function() {
            $('#XVPpeStaSend').val( $(this).prop('checked') )
        })
  })


$("#add-row").click(function(){
    bReturn = false;

    if ($("#XIOrderDNum").val() == 0){
        Swal.fire({
                icon:  'error',
                title: 'แจ้งเตือน',
                text:  'โปรดใส่จำนวนสั่งผลิต !',
                })
                bReturn = true;

    }
    if (bReturn) return false;

    $("input[name='XVOrderDSize[]']" ).each(function(){
        if ($(this).val() ==$('#XVOrderDSize').val()){
            Swal.fire({
                icon:  'error',
                title: 'แจ้งเตือน',
                text:  'มี Size  '+ $(this).val() +' นี้อยู่แล้วกรุณาตรวจสอบ !',
            })
            bReturn = true;
        }
    });
    if (bReturn) return false;

      i++;
      var text = $( "#XVOrderDSize option:selected" ).text();
      $('#Orderlist').append('<tr id=r'+i+'> <td><input type="hidden" value="'+$('#XVOrderDSize').val()+'" name="XVOrderDSize[]">'+text+'</td> <td><input type="hidden" value="'+$('#XIOrderDNum').val()+'" name="XIOrderDNum[]">'+$('#XIOrderDNum').val()+'</td> <td class="text-center"><button onclick="Rremoverow('+i+')" class="btn btn-danger" type="button">ลบ</button></td> </tr>');
      $("#XIOrderDNum").val("");

  });


  $('.order_detail').change(function(){
      $('#XVOrderDetail').val($('#XVOrderIn').val() + ' '+ $( "#XIGenerateCode option:selected" ).text() + ' '+ $( "#XIShapeCode option:selected" ).text())
  })

  $('#XVOrderIn').keyup(function(){
      $('#XVOrderDetail').val($('#XVOrderIn').val() + ' '+ $( "#XIGenerateCode option:selected" ).text() + ' '+ $( "#XIShapeCode option:selected" ).text())
  })



</script>
@endsection