@extends('layouts.admin')

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

@section('content')


  <form action="{{ route("admin.ppe.update",$data->XIPpeCode) }}" method="POST" enctype="multipart/form-data">
      @csrf
      @method('PUT')

    <div class="card">
        <div class="card-header">
            {{-- {{ trans('global.create') }} {{ trans('global.Torder_hd.title') }} --}}
            Order PPE
        </div>

        <div class="card-body">



        <div class="row justify-content-left">
            <div class="col-lg-5">
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XIPpeCode">เลขที่</label>
                <input class="col-sm-12 form-control font-size" type="text" name="XIPpeCode" id="XIPpeCode" value="{{$data->XIPpeCode}}" disabled="" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeOrderId">เลขที่ Order :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" type="text" name="XVPpeOrderId" id="XVPpeOrderId" value="{{$data->XVPpeOrderId}}" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="Workat">วันที่สั่ง :</label>
                    <div class="end_date input-group mb-4">
                        <input class="form-control end_date" type="text" placeholder="วัน/เดือน/ปี ที่สั่ง" data-date-format="dd/mm/yyyy" name="XDPpeOrderDate" id="XDPpeOrderDate"
                        value="{{ !empty($data->XDPpeOrderDate)? Carbon\Carbon::createFromFormat('Y-m-d', $data->XDPpeOrderDate)->format('d/m/Y') : ""}}"
                        required="required">
                        <div class="input-group-append">
                        <span class="fa fa-calendar input-group-text end_date_calendar" aria-hidden="true "></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-7">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactName">ชื่อผู้สั่ง - ติดต่อ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeContactName}}" type="text" name="XVPpeContactName" id="XVPpeContactName" placeholder="ชื่อผู้ติดต่อ - บริจาค" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-5">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeContactTel">เบอร์ผู้ติดต่อ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeContactTel}}" type="text" name="XVPpeContactTel" id="XVPpeContactTel" 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="XIIsoNum">Isolation gowns :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XIIsoNum}}" type="text" name="XIIsoNum" id="XIIsoNum" 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" value="{{$data->XIAntiNumM}}" type="text" name="XIAntiNumM" id="XIAntiNumM" 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" value="{{$data->XIAntiNumL}}" type="text" name="XIAntiNumL" id="XIAntiNumL" 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" value="{{$data->XIOverM}}" type="text" name="XIOverM" id="XIOverM" 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" value="{{$data->XIOverL}}" type="text" name="XIOverL" id="XIOverL" 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" value="{{$data->XIOverXL}}" type="text" name="XIOverXL" id="XIOverXL" 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" value="{{$data->XIOver2XL}}" type="text" name="XIOver2XL" id="XIOver2XL" placeholder="จำนวนที่สั่ง" style="font-size: 16px;">
                </div>
            </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-12">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeDonateName">ชื่อผู้บริจาค :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeDonateName}}" type="text" name="XVPpeDonateName" id="XVPpeDonateName" placeholder="ชื่อผู้บริจาค เอาไว้ทำใบแปะกล่อง" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-7">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeRecipName">ชื่อผู้รับของ - สถานที่รับของ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeRecipName}}" type="text" name="XVPpeRecipName" id="XVPpeRecipName" placeholder="ชื่อผู้รับของ - สถานที่รับของ" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-5">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeSendTel">เบอร์โทรผู้รับของ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeSendTel}}" ype="text" name="XVPpeSendTel" id="XVPpeSendTel" placeholder="เบอร์โทรผู้รับของ" style="font-size: 16px;">
                </div>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-12">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeSendAdd">ที่อยู่จัดส่ง :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeSendAdd}}" type="text" name="XVPpeSendAdd" id="XVPpeSendAdd" placeholder="ที่อยู่จัดส่ง" style="font-size: 16px;">
                </div>
            </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">
            </div>

            <div class="col-lg-2">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="Workat">วันที่ส่ง :</label>
                    <div class="end_date input-group mb-4">
                        <input class="form-control end_date" type="text" placeholder="วัน/เดือน/ปี ที่ส่ง" data-date-format="dd/mm/yyyy" name="XDPpeSendDate" id="XDPpeSendDate"
                        value="{{ !empty($data->XDPpeSendDate) ? Carbon\Carbon::createFromFormat('Y-m-d', $data->XDPpeSendDate)->format('d/m/Y') : ""}}">
                        <div class="input-group-append">
                        <span class="fa fa-calendar input-group-text end_date_calendar" aria-hidden="true "></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeInvNo">เลขที่กำกับ</label>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeInvNo}}" type="text" name="XVPpeInvNo" id="XVPpeInvNo" placeholder="เลขที่ใบกำกับภาษี" style="font-size: 16px;">
                </div>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-7">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeNameInv">ชื่อที่ต้องการออกใบกำกับภาษี :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeNameInv}}"  type="text" name="XVPpeNameInv" id="XVPpeNameInv" placeholder="ชื่อที่ต้องการออกใบกำกับภาษี" style="font-size: 16px;">
                </div>
            </div>

            <div class="col-lg-5">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeTelInv">เบอร์โทร :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{$data->XVPpeTelInv}}" type="text" name="XVPpeTelInv" id="XVPpeTelInv" placeholder="เบอร์โทร" style="font-size: 16px;">
                </div>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-12">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XVPpeInvAdd">ที่อยู่ และเลขผู้เสียภาษี :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{ $data->XVPpeInvAdd }}"  type="text" name="XVPpeInvAdd" id="XVPpeInvAdd" placeholder="ที่อยู่ และเลขผู้เสียภาษี" style="font-size: 16px;">
                </div>
            </div>
        </div>

        <div class="row justify-content-left">
            <div class="col-lg-3">
                <div class="form-group row col-sm-12">
                    <div class="col-lg-12">
                        <label class="label-bold" for="XVPpeStaSal">สถานะการชำระเงิน :</label>
                    </div>
                    <div class="col-lg-12">
                        <label class="switch switch-label switch-pill switch-primary">
                            <input class="switch-input" type="checkbox" name="isXVPpeStaSal" id="isXVPpeStaSal"  @if($data->XVPpeStaSal == '1') checked @endif >
                            <span class="switch-slider" data-checked="yes" data-unchecked="no"></span>
                            <input id="XVPpeStaSal" value="{{ $data->XVPpeStaSal == "1"? "true":"false" }}"  name="XVPpeStaSal" type="hidden">
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="form-group col-sm-12">
                    <label class="label-bold" for="XFPpeInvSal">จำนวนเงินที่ชำระ :</label> <sub class="text-danger">&nbsp;&nbsp;&nbsp;</sub>
                    <input class="col-sm-12 form-control font-size" value="{{ $data->XFPpeInvSal }}" type="text" name="XFPpeInvSal" id="XFPpeInvSal" placeholder="จำนวนเงินที่ชำระ" style="font-size: 16px;">
                </div>
            </div>
            <div class="col-lg-2">
                <label class="label-bold" for="Workat">วันที่ชำระ :</label>
                <div class="end_date input-group mb-4">
                    <input class="form-control end_date" type="text" placeholder="วัน/เดือน/ปี ที่ชำระ" data-date-format="dd/mm/yyyy" name="XDPpeDateSal" id="XDPpeDateSal"
                    value="{{ !empty($data->XDPpeDateSal) ? Carbon\Carbon::createFromFormat('Y-m-d', $data->XDPpeDateSal)->format('d/m/Y') : ""}}">
                    <div class="input-group-append">
                    <span class="fa fa-calendar input-group-text end_date_calendar" aria-hidden="true "></span>
                    </div>
                </div>
            </div>

        </div>

        <div class="row justify-content-left">
            <div class="col-lg-12">
                <div class="form-group row col-sm-12">
                    <div class="col-lg-12">

                        <label class="label-bold" for="XVPpeStaSend">สถานะการจัดส่ง :</label>
                    </div>
                    <div class="col-lg-12">
                        <label class="switch switch-label switch-pill switch-primary">
                            <input class="switch-input" type="checkbox" name="isXVPpeStaSend" id="isXVPpeStaSend" @if($data->XVPpeStaSend == '1') checked @endif >
                            <span class="switch-slider" data-checked="yes" data-unchecked="no"></span>
                            <input id="XVPpeStaSend" value="{{ $data->XVPpeStaSend == "1"? "true":"false" }}"  name="XVPpeStaSend" type="hidden">
                        </label>
                    </div>
                </div>
            </div>
        </div>


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

                {{-- <div class="col text-center">

                        <a href="{{route('admin.ppe.labelreportpdf',$data->XIPpeCode)}}" class="btn btn-secondary active fa fa-print" role="button" aria-pressed="true" target="_blank">  ใบแปะกล่อง</a>
                        <a href="{{route('admin.ppe.labelreportpdf',$data->XIPpeCode)}}" class="btn btn-secondary active fa fa-print" role="button" aria-pressed="true" target="_blank">    ใบเสร็จ</a>
                </div> --}}

                <div class="col text-center">
                    <a href="{{route('admin.ppe.copyid',$data->XIPpeCode)}}" class="btn btn-info active " role="button" aria-pressed="true" >  Copy Order</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