@extends('layouts.admin')

@section('title', env('APP_NAME') . ' | รายละเอียดค่าฟอก')
@section('content')
    <div class="card">
        <form action="#" method="POST" id="frm" enctype="multipart/form-data">
         @csrf
        @method('PUT')
        <input type="hidden" name="XCStatus" id="XCStatus" value="">
        <div class="card-header text-right col">
            รายละเอียดค่าฟอก
        </div>

        <div class="card-body">
            <div class="form-row">
                <div class="form-group col-md-2">

                </div>
                <div class="form-group col-md-2">
                    <label for="text">แบบ Order</label>
                    <input type="text" name="" class="form-control text-center" id="" value="" readonly >
                </div>
                <div class="form-group col-md-2">
                    <label for="text">เลขที่เอกสาร</label>
                    <input type="text" name="XVOrderDocNo" class="form-control text-center" id="" value="" readonly >
                </div>
                <div class="form-group col-md-2">
                    <label for="text">วันที่สร้าง Order</label>
                    <input type="text" name="XDOrderDocMDate" class="form-control text-center" id="text" value="" readonly>
                </div>
                <div class="form-group col-md-2">
                    <label for="text">วันที่อนุมัติ</label>
                    <input class="form-control end_date text-center" type="text" placeholder="วัน/เดือน/ปี" data-date-format="dd/mm/yyyy" name="XDOrderDateApprove"
                       value=""
                       required="required" readonly>
                </div>
                <div class="form-group col-md-2">
                    <label for="text">item No:</label><sub class="text-danger">&nbsp;&nbsp;&nbsp;*</sub>
                    <input type="text" class="form-control text-center"  name="XVOrderMItemNo" id="XVOrderMItemNo" value=""  required>
                </div>
            </div><!--end form row-->

            <div class="form-row">
                <div class="form-group col-md-2">
                    <label for="text">Season:</label>
                    <input required="required" class="col-sm-12 form-control font-size" type="text" name="XVOrderMSeasion" id="XVOrderMSeasion" value="{{ old('XVOrderMSeasion', isset($order['order_hd']) ? $order['order_hd']->XVOrderMSeasion : '') }}"   placeholder="Season" style="font-size: 16px;">
                </div>
                <div class="form-group col-md-2">
                    <label for="text">ลูกค้า</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
                <div class="form-group col-md-2">
                    <label for="text">สำหรับ/</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
                <div class="form-group col-md-3">
                    <label for="text">แบบงาน</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
                <div class="form-group col-md-3">
                    <label for="text">ทรง</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
            </div><!--end form row-->

            <div class="col-lg-12">
                <div class="card-body text-center">
                    <table class="table table-bordered " >
                        <thead class="text-white bg-dark">
                            <tr>
                                <th scope="col">Size</th>
                                <th scope="col">28</th>
                                <th scope="col">30</th>
                                <th scope="col">32</th>
                                <th scope="col">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td scope="row">จำนวน</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td scope="row">เริ่มต้น</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td scope="row">สิ้นสุด</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div><!--card body-->
            </div><!--div-->

            <div  class="row">
                <div class="form-group col-md-4">
                    <label for="text">สถานที่เย็บ หน้าหลัง</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
                <div class="form-group col-md-4">
                    <label for="text">สถานที่เย็บ รวมตัว</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
                <div class="form-group col-md-4">
                    <label for="text" >สถานที่เย็บ ฟอก</label>
                    <select id="" name="" class="col-sm-12 form-control font-size" type="text" required="required" style="font-size: 16px;">
                        <option value=""></option>
                    </select>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="form-group row text-right">
                    <div class="col-md-12"></div>
                    <label for="text" class="col-md-6 form-control-label">จำนวนที่รับฟอก :</label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="" placeholder="" readonly>
                    </div><!--col-->
                </div><!--form group--> 
                <div class="form-group row text-right">
                    <div class="col-md-12"></div>
                    <label for="text" class="col-md-6 form-control-label">จำนวนที่ส่งแล้ว :</label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="" placeholder="" readonly>
                    </div><!--col-->
                </div><!--form group--> 
                <div class="form-group row text-right">
                    <div class="col-md-12"></div>
                    <label for="text" class="col-md-6 form-control-label">คงเหลือ :</label>
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="" placeholder="" readonly>
                    </div><!--col-->
                </div><!--form group--> 
            </div>

            <div class="row">
                <div class="col-3"></div>
                <div class="form-group row">
                    <label for="text" class="col-md-4 form-control-label text-right">ค่าฟอก :</label>
                    <div class="col-md-4">
                        <input type="text" class="form-control" id="" placeholder="" readonly>
                    </div><!--col-->
                    <label for="text" class="col-md-3 form-control-label">บาท</label>
                </div><!--form group--> 
                <div class="col">
                    <a href="#" class="btn btn-success active ml-1 col-2" role="button">บันทึก</a>
                    <a href="#" class="btn btn-danger active ml-1 col-2" role="button">ยกเลิก</a>
                </div>
            </div>
        
        </div><!--end card body-->
        {{-- <div class="card-footer">
            <div class="row">
                <div class="col">
                <a href="{{route('admin.equipmentmorder.index')}}" class="btn btn-danger active" role="button" aria-pressed="true">{{ trans('global.back') }}</a>
                </div>

                <div class="col text-right">
                @if ($order['order_hd']->XCStatus !="3" && $order['order_hd']->XCStatus !="4" )
                <input class="btn_submit btn btn-success active  ml-1 col-3" data-status="2" type="button" value="บันทึก">
                @endif

                @if ($order['order_hd']->XCStatus =="1" )
                <input class="btn_submit btn btn-primary active  ml-1 col-2" data-status="1" type="button" value="แก้ไข ">
                @endif

                @if ($order['order_hd']->XCStatus =="1" )
                <input class="btn_submit btn btn-dark active  ml-1 col-2" data-status="4" type="button" value="ไม่อนุมัติ ">
                    @endif

                </div>
            </div>
        </div> --}}

        </form>

    </div><!--end card-->

@endsection


@section('scripts')
<script type="text/javascript">
$( document ).ready(function() {
    $("#eratedate_datepicker").datepicker()

    $(".btn_submit").click(function(){
        var status = $(this).data('status')

        if ($('#XVOrderMItemNo').val() == ''){
            Swal.fire({
                title: 'Oops....',
                text: "กรุณากรอก Item No",
                icon: 'warning',
                confirmButtonColor: '#3085d6',
                confirmButtonText: 'OK'
                });

        }else{
            $("#XCStatus").val(status)
            $("#frm").submit();
        }

    })
</script>
@endsection