@extends('layouts/contentLayoutMaster')
@section('title', 'Update Fixed Asset Transfer Note')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset('vendors/css/pickers/pickadate/pickadate.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/pickers/flatpickr/flatpickr.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection

@section('page-style')
    <link rel="stylesheet" href="{{ asset('css/base/plugins/forms/pickers/form-flat-pickr.css') }}">
    <link rel="stylesheet" href="{{ asset('css/base/plugins/forms/pickers/form-pickadate.css') }}">
    <link rel="stylesheet" href="{{ asset('css/base/style.css') }}">

@endsection

@section('content')
    <!-- Basic multiple Column Form section start -->
    <section id="multiple-column-form">
        <div class="row">
            <div class="col-12">
                {{-- <h4 class="card-title my-2">Add Dispatch Point</h4> --}}
                <div class="card">
                    <div class="card-header f-flex flex-column align-items-start">
                        <h4 class="text-warning"> <b>
                            Transfer Note : {{$tn->code ? $tn->code : 'None'}}
                        </b>
                        </h4>
                    </div>
                    <div class="card-body">
                        @if ($message = Session::get('success'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $message }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        @if ($errorMessage = Session::get('errorMessage'))
                            <div class="demo-spacing-0 my-2">
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <div class="alert-body">{{ $errorMessage }}</div>
                                    <button type="button" class="btn-close" data-bs-dismiss="alert"
                                        aria-label="Close"></button>
                                </div>
                            </div>
                        @endif
                        <form class="form">
                            @csrf
                            <div class="row pb-2 ">
                                <div class="col-6">
                                    <h5 class="pb-1">
                                        <b>Asset Code :</b>  {{$tn->asset ? $tn->asset->code : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Plant :</b>  {{$tn->from_ao ? 'N/A' : ($tn->from_plant ? $tn->from_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Area Office :</b>  {{$tn->from_ao ? $tn->from_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>From Store :</b>  {{ $tn->from_store ? $tn->from_store->name : 'N/A' }}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Type :</b>  {{$tn->type ? $tn->type : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Status : 
                                            @if ($tn->status == 1)
                                                <span class="text-success">Completed</span>
                                            @elseif ($tn->status == 3)
                                                <span class="text-danger">Rejected</span>
                                            @elseif ($tn->status == 4)
                                                <span class="text-info">Reverted</span>
                                            @else
                                                <span class="text-secondary">Pending</span>
                                            @endif
                                        </b>
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Created By :</b>  {{$tn->createdBy ? $tn->createdBy->name : 'N/A'}}
                                    </h5>
                                    <h5>
                                        <b>Note :</b>  {{$tn->note ? $tn->note : 'N/A'}}
                                    </h5>
                                </div>
                                <div class="col-6 ">
                                    <h5 class="pb-1">
                                        <b>Asset Name :</b>  {{$tn->asset ? $tn->asset->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Plant :</b>  {{$tn->to_ao ? 'N/A' : ($tn->to_plant ? $tn->to_plant->name : 'N/A')}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Area Office :</b>  {{$tn->to_ao ? $tn->to_ao->ao_name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>To Store :</b>  {{$tn->to_store ? $tn->to_store->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Updated By :</b>  {{$tn->updatedBy ? $tn->updatedBy->name : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Remarks :</b>  {{$tn->remarks ? $tn->remarks : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1">
                                        <b>Date :</b>  {{$tn->date ? $tn->date . ' ' . $tn->time : 'N/A'}}
                                    </h5>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="mb-2">
                                        <input type="hidden" id="tn_id" name="tn_id" value="{{ $tn->_id }}">
                                        <input type="hidden" id="store_id" name="store_id" value="{{ $store->_id }}">
                                        <input type="hidden" id="ao_id" name="ao_id" value="{{ $store->ao ? $store->ao->_id : '' }}">
                                        <input type="hidden" id="from_plant_id" name="from_plant_id" value="{{ $store->plant ? $store->plant->_id : '' }}">
                                    
                                        
                                    </div>
                                </div>
                                <div class="col-md-3 col-6 ">
                                    <label class="form-label">Select Type (Optional)</label>
                                    <div class="mb-1">
                                        <select name="parent" id="parent" class="form-control" onchange="getSelectedParent()">
                                            <option value="" selected="">Select Type </option>
                                            @if($store->plant)
                                            {
                                                <option value="plant to ao">Plant To Area Office</option>
                                            }
                                            @else
                                            {
                                                <option value="ao to ao">Area Office To Area Office</option>
                                                <option value="ao to plant">Area Office To Plant</option>
                                            }
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="name-column">WEF Date </label>
                                        <input type="date" id="wef" class="form-control" placeholder="With Effect From Date"
                                            name="wef" value="{{ $tn->wef ? $tn->wef : old('wef') }}" required />
                                        @error('wef')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-5 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="column-ao-3">Note <small>(Optional)</small></label>
                                        <input type="text" id="note" class="form-control" placeholder="Write Any Note"
                                            name="note" value="{{ $tn->note ?  $tn->note : old('note') }}" />
                                        @error('note')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                @include('content._partials._sections.transfers_filter')
                                
                            </div>
                            <div class="row mt-4">
                                <div class="col-12 d-flex justify-content-end">
                                    <button type="submit" class="btn btn-primary me-1 submitButton" id="submitButton">Submit</button>
                                    {{-- <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                    <a class="btn btn-outline-secondary cancel-btn"
                                        href="{{ route('inventory.items-transfer.index') }}">Cancel</a> --}}
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('vendor-script')
    <!-- vendor files -->
    <script src="{{ asset('vendors/js/pickers/pickadate/picker.js') }}"></script>
    <script src="{{ asset('vendors/js/pickers/pickadate/picker.date.js') }}"></script>
    <script src="{{ asset('vendors/js/pickers/pickadate/picker.time.js') }}"></script>
    <script src="{{ asset('vendors/js/pickers/pickadate/legacy.js') }}"></script>
    <script src="{{ asset('vendors/js/pickers/flatpickr/flatpickr.min.js') }}"></script>
    <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('/js/custom.js') }}"></script>
@endsection
@section('page-script')
    <script src="{{ asset('js/scripts/forms/pickers/form-pickers.js') }}"></script>
    <script src="{{ asset('js/scripts/forms/form-select2.js') }}"></script>
        {{-- <script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script> --}}
        <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/jquery.inputmask.min.js"></script>
    <script>
        const addedItems = []; 

        $('.plant,.department,.section,.zone,.ao,.cp').hide(); 
        $('#item').prop('disabled', true);

        function getSelectedParent()
        {
            var parentValue = $('#parent').val();

            if (parentValue !== "") {

                // addedItems.length = 0;

                // Remove all rows from the table (except the header row)
                // $('#itemsTable').find('tr:gt(0)').remove();
                
                $('.plant,.department,.section,.zone,.ao,.cp').show();
                $('#plant_search,#department_search,#section_search,#zone_search,#area_office_search').val('');
                $('#plant_search,#department_search,#section_search,#zone_search,#area_office_search').trigger('change'); 

                if(parentValue == "ao to plant")
                {   
                    $('.department,.section,.zone,.ao,.cp').hide();
                    $('#department_search,#section_search,#zone_search,#area_office_search').prop('disabled', true);
                }
                else if(parentValue == "ao to ao" || parentValue == "plant to ao")
                {
                    $('#department_search,#section_search,#zone_search,#area_office_search').prop('disabled', false);   
                }
                else
                {
                    $('#department_search,#section_search,#zone_search,#area_office_search').prop('disabled', false);
                }
                $('#item,#packing_search,#quantity').prop('disabled', false);

            }
            else
            {
                $('.plant,.department,.section,.zone,.ao,.cp').hide(); 
            }
        }

        $(document).ready(function() {
            @if ($errors->any())
                showAlert('error', '{{ $errors->first() }}');
            @endif

            function getDropdownData() {

                $.ajax('{{ route('inventory.get.available-fixed-assets-for-transfer') }}', {
                    type: 'get',
                    data: {
                        id: $('#store_id').val()
                    },
                    success: function(data) {
                        if (data.success == true) {
                            $('#item').html(data.data);
                            $('#code').val(data.code);
                        }
                    },
                    error: function(jqXhr, textStatus, errorMessage) {
                        alert('Error Occurred')
                    }
                });
            }


            // Submit the transfer note
             $('#submitButton').click(function (e) {

                e.preventDefault();

                let to_store_id = null;
                let to_ao_id = $('#area_office_search').val();
                let to_plant_id = $('#plant_search').val();

                let note =  $('#note').val();
                // let selectedItem = $('#item').val();

                let type =  $('#parent').val();
                let wef = $('#wef').val();
                let tn_id = $('#tn_id').val();

                if (type == "" || type == null) {
                }
                else
                {

                    if(type == 'ao to plant')
                    {
                        if(to_plant_id == '' || to_plant_id == null)
                        {
                            alert('Plant is required !');
                            return;
                        }
                    }
                    else
                    {
                        if(to_plant_id == '' || to_plant_id == null || to_ao_id == '' || to_ao_id == null)
                        {
                            alert('Plant or Area Office is required !');
                            return;
                        }
                    }
                }

                $('#submitButton').prop('disabled', true);

                const transferNoteData = {
                    to_store_id: to_store_id,
                    to_ao_id: to_ao_id,
                    to_plant_id: to_plant_id,
                    type:type,
                    note: note,
                    tn_id:tn_id,
                    wef:wef
                    // item: selectedItem,
                };

                $.ajax({
                    url: '{{ route("inventory.fixed-asset-transfer.get.revertEditStore") }}',
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    data: transferNoteData,
                    success: function (response) {
                        if (response.success == true) {
                                showAlert('success', response.message);
                                // alert('Transfer Note created successfully!');
                                // location.reload();
                                window.location.href = "{{ route('inventory.fixed-asset-transfer.pending') }}";
                            } else {
                                showAlert('error', response.message);
                                $('#submitButton').prop('disabled', false);
                            }
                    }
                });
            });

        });


    </script>
@endsection