@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
@section('content')
<style>
    .content{
        overflow: hidden;
    }
</style>
    <input type="hidden" id="Status" name="Status"
        value="@if (session('Status')){{session('Status')}}@else{{'null'}}@endif">
    <div class="card content">
        <div class="card-header text-white bg-primary">
            เปลี่ยนชื่อ Item Name
        </div>
        <!--card-header-->
        <br>

        <form action="{{ route('cn.update') }}" method="POST" enctype="multipart/form-data">
            @csrf


            <div class="row">
                @component('Components.Order')
                @endcomponent
            </div>
            <div class="row">
                <div class="col">
                    <div class="form-group col">
                        <label class="label-bold" for="XIPpeCode">รหัส เดิม:</label>
                        <input class="col-sm-12 form-control font-size" type="text" name="xvpdtcodeold" id="xvpdtcodeold"
                            style="font-size: 16px;" required readonly>
                    </div>
                    <div class="form-group col">
                        <label class="label-bold" for="XIPpeCode">Item Number เดิม :</label>
                        <input class="col-sm-12 form-control font-size" type="text" name="xvpdtnameold" id="xvpdtnameold"
                            style="font-size: 16px;" required readonly>
                    </div>

                </div>
                <div class="col">
                    <div class="form-group col">
                        <label class="label-bold" for="XIPpeCode">รหัส ใหม่:</label>
                        @component('ChangeName.components.MasterItem',
                            ['FullJoin' => true, 'oldValue' => $xvpdtcode ?? null, 'oldHD' => $oldHD ?? null])
                        @endcomponent
                    </div>
                    <div class="form-group col">
                        <label class="label-bold" for="XIPpeCode">Item Number ใหม่ :</label>
                        <input class="col-sm-12 form-control font-size" type="text" name="xvpdtnamenew" id="xvpdtnamenew"
                            style="font-size: 16px;" required readonly>
                    </div>



                </div>
            </div>
            <br>
            <div class="row">
                <div class="col text-right">
                    {{-- <a href="{{route('admin.scanbox')}}" class="btn btn-dark col-lg-2 active" role="button" aria-pressed="true">กลับ</a> --}}
                </div>
                <div class="col text-left">
                    {{-- <a href="{{route('admin.scanbox')}}" class="btn btn-info col-lg-2 active" role="button" aria-pressed="true">ค้นหา</a> --}}
                    <input class="btn btn-success active" type="submit" value="บันทึก">
                </div>

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


    <!--card-->
@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/Fa/form.js') }}"></script>
<script src="{{ asset('js/ThbNumber.js') }}"></script>
<script src="{{ asset('js/pdfmake.js') }}"></script>
<script src="{{ asset('js/pages/Fr/pdf.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#SelectSupplierForPack').select2({
            placeholder: "กรุณาเลือกวัสดุ",
            theme: 'bootstrap4',
            closeOnSelect: false,
        });
        $('#SelectSupplierForPack').on('select2:select', function(e) {
            const obj = JSON.parse(e.params.data.element.attributes[0].nodeValue);

            $('#xvpdtcodeold').val(obj.xvpdtcode)
            $('#xvpdtnameold').val(obj.xvpdtname)
        });
        $('#SelectMasterItems').on('select2:select', function(e) {
            const obj = JSON.parse(e.params.data.element.attributes[2].nodeValue);

            $('#xvpdtnamenew').val(obj.xvpdtname)

        });

        if ($('#Status').val() != "null") {
            switch ($('#Status').val()) {
                case "Success":
                    swal({
                        title: `สำเร็จ`,
                        text: "{{session('Msg')}}",
                        icon: "success",


                    })
                    break;

                default:

                   swal({
                        title: `เกิดข้อผิดพลาด`,
                        text: "{{session('Msg')}}",
                        icon: "error",

                        dangerMode: true,
                    })
                    break;
            }

        }
    });
</script>

<script></script>