@extends('layouts.master')
@section('header')
    <link href="{{asset('css/gijgo.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{asset('css/select2.min.css')}}" rel="stylesheet"/>
    <link rel="stylesheet"
          href="{{asset('css/select2-bootstrap4.min.css')}}">
@endsection
<style>
    div.sticky {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        padding-top: 8px;
        z-index: 100;
    }

    form.noStyle {
        margin: 0;
    }

    .btn-circle.btn-sm {
        width: 30px;
        height: 30px;
        padding: 6px 0px;
        border-radius: 15px;
        font-size: 8px;
        text-align: center;
    }

    .form-control {
        display: inline-block !important;
    }

    tr:hover {
        background-color: #f5f5f5;
    }


</style>
@section('content')
@if (\Session::has('Error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <strong>เกิดข้อผิดพลาด!</strong>  {!! \Session::get('Error') !!}.
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
@endif
<form action="{{ route('fx.updateStatus') }}" method="POST" style="margin: 0" onkeypress="return event.keyCode != 13;"
id="updateForm" onsubmit="event.preventDefault(); return Swal_Ask('{{ getDocStatusByCode(3) }}',this)">
@csrf
<div class="col-1 text-left">
    <input type="hidden" class="form-control" name="XVSfhDocNo" value="{{ $hd->XVSfhDocNo }}" readonly>
    <input type="hidden" class="form-control" id="eventRequest" name="eventRequest" value="3" readonly>
    <input type="hidden" class="form-control" id="docStatus" name="docStatus" value="{{ $hd->XVSfhDocStatus }}" readonly>
</div>
</form>

    <form action="{{route('fx.update')}}" method="POST" id="Form_Submit"
          class="noStyle"
          onsubmit="event.preventDefault(); return validateForm();">
        @csrf
        <div class="card ">
            <div class="card-body">
                <div class="sticky">
                    <div class="row ">
                        <div class="col-3 ">
                            <h5>ฟอร์มเพิ่มข้อมูลใบตรวจรับงาน SF</h5>
                        </div>
                        @php
                        $routeBack = 'fx.index';
                    @endphp

                    {{-- @else
                    @php
                        $routeBack = 'Approve.po';
                    @endphp --}}

                    {{-- @endif --}}

                    @component('FX.components.HandleDocStatus', ['routeBack' => $routeBack, 'DocStatus' => $hd->XVSfhDocStatus , 'hd' => $hd])

                       <div class="col-1 text-left ml-5">
                            <a href="#" type="button" class="btn btn-info"
                            onclick="renderPdfNew('{{ route('fx.pdf', ['docNo' => $hd->XVSfhDocNo]) }}')"><i
                                    class="far fa-file-pdf"></i> PDF</a>
                            <input type="hidden" id="url" value="{{ url('') }}">
                        </div>
                    @endcomponent
                        {{-- <div class="col text-right">
                            <label for="" class="mr-2 fontsi">สถานะเอกสาร : {{getDocStatusByCode(1)}}</label>
                            <a href="{{route('gi.index')}}" class="btn btn-danger"><i
                                    class="fas fa-long-arrow-alt-left fa-lg"></i> <span>กลับ</span></a>
                                    <button type="submit" class="btn btn-success">บันทึก</button>
                        </div> --}}
                    </div>
                    <hr>
                </div>

                <div class="row border">
                    <div class="col border-right ">
                        @component('FX.components.hd',['oldHD'=>$hd])
                        @endcomponent
                    </div>
                    <div class="col-4 border-right ">
                        @component('FX.components.rmk',['XVSfhDocRmk'=>$hd->XVSfhDocRmk??''])
                        @endcomponent
                    </div>

                </div>
                <div class="row border">
                    <div class="col border-right ">

                        @component('FX.components.dt',['oldDT'=>$dt])
                        @endcomponent

                    </div>

                </div>
                <div class="row">
                    <div class="col border ">

                    </div>

                </div>
            </div>
        </div>
        </div>
    </form>

@endsection
<script src="{{asset('js/helper.js')}}"></script>
<script src="{{asset('js/jquery-3.5.1.min.js')}}"></script>
<script src="{{asset('js/gijgo.min.js')}}" defer type="text/javascript"></script>
<script src="{{asset('js/select2.min.js')}}" defer></script>
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="{{asset('js/pages/SF/form.js')}}"></script>
<script src="{{asset('js/pages/SF/pdf.js')}}"></script>
<script src="{{ asset('js/ThbNumber.js') }}"></script>
<script src="{{ asset('js/pdfmake.js') }}"></script>
<script>
    // SelectMasterItems
</script>

<script>
    async function Swal_Ask(text, form) {
        let resp = swal({
            title: `ยืนยันการ ${text} ?`,
            text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        let isOk = await resp
        if (isOk) form.submit();
    }

    async function updateStatus(statusCode, text) {
        const ApproveForm = document.getElementById("updateForm");
        const eventRequest = document.getElementById("eventRequest");
        let resp = swal({
            title: `ยืนยันการ ${text} ?`,
            text: "หากยืนยันแล้วไม่สามารถเปลี่ยนแปลงได้",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        let isOk = await resp
        if (isOk) {
            eventRequest.value = statusCode
            ApproveForm.submit()
        }
        ;
    }

    $(document).ready(function () {

    });
</script>