{{-- @php
    dd("Detial PO");
@endphp --}}
@extends('layouts.admin')

@section('title', env('APP_NAME') . ' | Scan รับงานฟอก')

@section('content')
    <form action="{{ route('admin.orderacc.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="card">
            <div class="card-header">
                <div class="row">
                    <div class="col ">
                        <h4 class="card-title mb-0">
                            รายละเอียด PO
                        </h4>
                    </div>
                    <div class="col ">
                        <div class="d-flex ">
                            <div class="ml-auto  p-2">
                                <a onclick="renderPdf('{{ url('/api/CstPo/getOld/' . $data[0]->XVOrderMItemNo) }}')"
                                    class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="พิมพ์"><i
                                        class="fas fa-print"></i></a>
                                        <div>ใบเสร็จ</div>
                            </div>
                            <div class=" p-2">
                                <a onclick="renderPdf2('{{ url('/api/CstPo/getOld/' . $data[0]->XVOrderMItemNo) }}')"
                                    class="btn btn-warning" data-toggle="tooltip" data-placement="top" title="พิมพ์"><i
                                        class="fas fa-print"></i></a>
                                        <div>กำกับ</div>
                            </div>
                            <div class=" p-2">
                                <a onclick="renderPdf3('{{ url('/api/CstPo/getOld/' . $data[0]->XVOrderMItemNo) }}')"
                                    class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="พิมพ์"><i
                                        class="fas fa-print"></i></a>
                                        <div>สำเนา</div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="card-body">
                <div class="row">
                    <div class="row justify-content-left">
                        <div class="col-lg-10">
                            <div class="form-group col-sm-12">
                                <label class="label-bold" for="XVPoCusName">ชื่อลูกค้า :</label>
                                <select id="XVPoCusName" name="XVPoCusName" class="col-sm-12 form-control font-size"
                                    type="text" required="required" style="font-size: 16px;">

                                    @foreach ($order['customer'] as $customer)
                                        {{-- <option value="{{ $data[0]->XVPoCusName }}"> {{ $customer->XVGuestName }} </option> --}}
                                        <option
                                            value="{{ $customer->XVGuestName . ':' . $customer->XVGuestAddress . ':' . $customer->XVGuestTel . ':' . $customer->XVNameContact . ':' . $customer->XVDay }}"
                                            {{ old('XVPoCusName', $data[0]->XVPoCusName == $customer->XVGuestName ? 'selected' : '') }}>
                                            {{ $customer->XVGuestName }} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        {{-- <div class="col-lg-10">
                        <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="XVPoCusName" id="XVPoCusName" value="{{$data[0]->XVPoCusName}}" style="font-size: 16px;">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group col-sm-12">
                            <label class="label-bold" for="XIPpeCode">ที่อยู่ บรรทัด 1 :</label>
                            <input class="col-sm-12 form-control font-size" type="text" name="XVPoAdd1" id="XVPoAdd1" value="{{$data[0]->XVPoAdd1}}" style="font-size: 16px;">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group col-sm-12">
                            <label class="label-bold" for="XIPpeCode">ที่อยู่ บรรทัด 2 :</label>
                            <input class="col-sm-12 form-control font-size" type="text" name="XVPoAdd2" id="XVPoAdd2" value="{{$data[0]->XVPoAdd2}}" style="font-size: 16px;">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <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="XVPoAdd3" id="XVPoAdd3" value="{{$data[0]->XVPoAdd3}}" style="font-size: 16px;">
                        </div>
                    </div> --}}
                        <div class="col-lg-3">
                            <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="XIIOBox" id="XIIOBox"
                                    value="{{ $data[0]->XIIONumBox }}" style="font-size: 16px;">
                            </div>
                        </div>
                        {{-- <div class="col-lg-3">
                        <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="XIIOBox" id="XIIOBox" value="{{$data[0]->XIIOBox}}" style="font-size: 16px;">
                        </div>
                    </div> --}}
                    </div>
                </div>
                <div class="row">
                    <div class="row justify-content-left">
                        <div class="col-lg-3">
                            <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="XVPoNo" id="XVPoNo"
                                    value="{{ $data[0]->XVPoNo }}" style="font-size: 16px;" required>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <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="XVPoNoSent"
                                    id="XVPoNoSent" value="{{ $data[0]->XVPoNoSent }}" style="font-size: 16px;" required>
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <label class="label-bold" for="Workat">วันที่ออก PO :</label>
                            <div class="end_date input-group mb-3">
                                <input class="form-control end_date" type="text" placeholder="วัน/เดือน/ปี "
                                    data-date-format="dd/mm/yyyy" name="XDPoDate" id="XDPoDate" required
                                    value="{{ !empty($data[0]->XDPoDate) ? Carbon\Carbon::createFromFormat('Y-m-d', $data[0]->XDPoDate)->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 class="col-lg-3">
                            <div class="form-group col-sm-12">
                                <label class="label-bold" for="XIPpeCode">เลขที่ PO :</label>
                                <input class="col-sm-12 form-control font-size" type="text" name="XVOrderMItemNo"
                                    id="XIOrderTableCode" value="{{ $data[0]->XVOrderMItemNo }}" readonly
                                    style="font-size: 16px;">
                                {{-- <input class="col-sm-12 form-control font-size" type="text" name="XVPoNoSent" id="XVPoNoSent" value="{{$data[0]->XVPoNoSent}}" style="font-size: 16px;"> --}}
                            </div>
                        </div>
                        {{-- <div class="col-lg-3">
                        <label class="label-bold" for="Workat">วันที่ครบกำหนดชำระเงิน :</label>
                        <div class="end_date input-group mb-3">
                            <input class="form-control end_date" type="text" placeholder="วัน/เดือน/ปี " data-date-format="dd/mm/yyyy" name="XVPoNoSent" id="XVPoNoSent"
                            value="{{ !empty($data[0]->XVPoNoSent) ? Carbon\Carbon::createFromFormat('Y-m-d', $data[0]->XVPoNoSent)->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>


                @php
                    // dd("test ScBox");
                    // dd($data);
                @endphp

                <div class="card">
                    <div class="card-header bg-info">
                        <h4 class="card-title mb-0">
                            รายละเอียด การลงกล่อง
                        </h4>
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="table-responsive ">
                                <table class="table display" id="datatable" style="width:100%">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            {{-- <th>PO Number</th>
                                    <th>Item Number</th> --}}
                                            <th>Item Name</th>
                                            <th>Size</th>
                                            <th>Item ส่งงานจริง</th>
                                            <th>Size ส่งงานจริง</th>
                                            <th>จำนวนตาม PO</th>
                                            <th>ลงกล่อง</th>
                                            <th>ลง PO</th>
                                            <th>Show PO</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $i = 0;
                                        @endphp
                                        @foreach ($data as $item)
                                            <tr>
                                                <td style="text-align: center" class="col-sm-1">
                                                    <input class="col-sm-12 form-control font-size" type="text"
                                                        name="XVCusId[{{ $i }}]" id="XIOrderTableCode"
                                                        value="{{ $item->XVCusId }}" readonly style="font-size: 14px;">
                                                </td>
                                                <td text-align: left class="col-sm-2">
                                                    <input class="col-sm-12 form-control font-size" type="text"
                                                        name="XVOrderIn" id="XIOrderTableCode"
                                                        value="{{ $item->XVOrderIn }}" readonly style="font-size: 16px;">
                                                </td>
                                                <td>
                                                    <input class="col-sm-4 form-control font-size" type="text"
                                                        style="text-align: right" name="sizec[{{ $i }}]"
                                                        id="XIOrderTableCode" value="{{ $item->XVStVkSize }}" readonly
                                                        style="font-size: 16px;">
                                                    {{-- {{ $item->XVStVkSize }} --}}
                                                </td>
                                                <td class="col-sm-2">
                                                    @php
                                                        if ($item->XVOrderIn2 == '') {
                                                            $a = $item->XVOrderIn;
                                                        } else {
                                                            $a = $item->XVOrderIn2;
                                                        }
                                                    @endphp
                                                    <input class="col-sm-12 form-control font-size" type="text"
                                                        name="namec[{{ $i }}]" id="XIOrderTableCode"
                                                        value="{{ $a }}" readonly style="font-size: 16px;">
                                                    {{-- {{ $item->XVStyle }} --}}
                                                </td>
                                                <td class="col-sm-1">
                                                    @php
                                                        if ($item->XVOrderIn2 == '') {
                                                            $b = $item->XVStVkSize;
                                                        } else {
                                                            $b = $item->XVStVkSize2;
                                                        }
                                                    @endphp
                                                    <input class="col-sm-4 form-control font-size" type="text"
                                                        style="text-align: right" name="sizec[{{ $i }}]"
                                                        id="XIOrderTableCode" value="{{ $b }}" readonly
                                                        style="font-size: 16px;">
                                                    {{-- {{ $item->XVStVkSize }} --}}
                                                </td>
                                                <td>
                                                                                                        <input class="col-sm-5 form-control font-size" type="text"
                                                        style="text-align:right; " name="numc[{{ $i }}]"
                                                        id="XIOrderTableCode" value="{{ $item->XIIONum }}" readonly
                                                        style="font-size: 16px;">
                                                    

                                                    {{-- <input class="col-sm-5 form-control font-size" type="text" style="text-align: right;color:blue" name="numc[{{ $i }}]" id="XIOrderTableCode" value="{{ $item->XIIONum }}" readonly style="font-size: 16px;"> --}}
                                                    {{-- {{ $item->XIIONum }} --}}
                                                </td>
                                                <td style="text-align: right">
                                                    <input class="col-sm-5 form-control font-size" type="text"
                                                        style="text-align: right" name="numg[{{ $i }}]"
                                                        value="{{ $item->XIIOBox }}" readonly style="font-size: 16px; ">
                                                </td>
                                                <td class="col-sm-1">
                                                    <input class="col-sm-12 form-control font-size" type="text"
                                                        style="text-align: right" name="XDPoNum[{{ $i }}]"
                                                        value="{{ $item->XIIOBox }}" style="font-size: 16px; ">
                                                </td>
                                                <td class="col-sm-1">
                                                                                                        <input type="checkbox" class="col-sm-2 form-control font-size"
                                                        style="text-align: center" id="exampleCheck1"
                                                        name="XVst3[{{ $i }}]" value="1" unchecked>
                                                                                                    </td>
                                            </tr>
                                            @php
                                                $i = $i + 1;
                                            @endphp
                                        @endforeach
                                        <input type="hidden" name="numi" value={{ $i }}>

                                    </tbody>

                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="col">
                            <a href="{{ route('admin.orderacc') }}" class="btn btn-danger active" role="button"
                                aria-pressed="true">{{ trans('global.back') }}</a>
                        </div>
                        {{-- <input class="col-sm-2 form-control font-size" type="text" name="XIIOBox" id="XIIOBox" placeholder="จำนวนกล่อง" style="font-size: 16px;"> --}}

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

            </div>
            <!--card-body-->
        </div>
        <!--card-->
    </form>
@endsection

@section('styles')
    <link href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet" />
@endsection

@section('scripts')
    <script src="{{ asset('js/pages/CstPo/pdf.js') }}"></script>
    <script src="{{ asset('js/pages/CstPo/pdf2.js') }}"></script>
    <script src="{{ asset('js/pages/CstPo/pdf3.js') }}"></script>
    <script src="{{ asset('js/pdfmake.js') }}"></script>
    <script src="{{ asset('js/pages/CstPo/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/BAHTTEXT.js') }}"></script>
    <script type="text/javascript">
        $("#XDPoDate").datepicker()
        // $("#XVPoNoSent").datepicker()

        $(document).ready(function() {

        })
    </script>
@endsection