@extends('layouts/contentLayoutMaster')
@section('title', 'Update Fixed Asset Movement (Reverted)')

@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 d-flex flex-column align-items-start">
                        <h4 class="text-warning"> <b>
                            Movement Note : {{$note->code ? $note->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">
                                <div class="col-6">
                                    <h5 class="pb-1">
                                        <b>Asset Code :</b>  {{$note['asset'] ? $note['asset']['code'] : 'N/A'}}
                                    </h5>
                                </div>
                                <div class="col-6">
                                    <h5 class="pb-1 ">
                                        <b>Asset Name :</b>  {{$note['asset'] ? $note['asset']['name'] : 'N/A'}}
                                    </h5>
                                </div>
                            </div>
                            <div class="row pb-2 ">
                                <div class="col-6">
                                    <h5 class="pb-1 text-success">
                                        <b>Current Location :</b>  {{$note['fromLocation'] ? $note['fromLocation']['name'] : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-success">
                                        <b>Current Location Code :</b>  {{$note['fromLocation'] ? $note['fromLocation']['code'] : 'N/A'}}
                                    </h5>
                                    @php
                                         $badges = [
                                            'store' => ['label' => 'Area Office Store', 'color' => '#419afa'],
                                            'plant_store' => ['label' => 'Plant Store', 'color' => '#419afa'],
                                            'plant' => ['label' => 'Plant', 'color' => '#db4243'],
                                            'building' => ['label' => 'Plant Building', 'color' => '#e08465'],
                                            'plant_mcc' => ['label' => 'Plant Collection Point', 'color' => '#eb7aa0'],
                                            'ao' => ['label' => 'Area Office', 'color' => '#28A745'],
                                            'dp' => ['label' => 'Dispatch Point', 'color' => '#20C997'],
                                            'mcc' => ['label' => 'Collection Center', 'color' => '#007bff'], // Bootstrap primary color
                                            'ao_building' => ['label' => 'Area Office Building', 'color' => '#008080'],
                                        ];
                                    @endphp
                                    <h5 class="pb-1">
                                        <b>Current Type : 
                                            <span 
                                            class="badge" 
                                            style="background-color: {{ $badges[$note['from_type']]['color'] ?? '#6c757d' }}; color: white;">
                                            {{ $badges[$note['from_type']]['label'] ?? 'N/A' }}
                                        </span>
                                        </b>
                                    </h5>
                                </div>
                                <div class="col-6 ">
                                    <h5 class="pb-1 text-primary">
                                        <b>Next Location :</b>  {{$note['toLocation'] ? $note['toLocation']['name'] : 'N/A'}}
                                    </h5>
                                    <h5 class="pb-1 text-primary">
                                        <b>Next Location Code :</b>  {{$note['toLocation'] ? $note['toLocation']['code'] : 'N/A'}}
                                    </h5>
                                    @php
                                         $badges = [
                                            'store' => ['label' => 'Area Office Store', 'color' => '#419afa'],
                                            'plant_store' => ['label' => 'Plant Store', 'color' => '#419afa'],
                                            'plant' => ['label' => 'Plant', 'color' => '#db4243'],
                                            'building' => ['label' => 'Plant Building', 'color' => '#e08465'],
                                            'plant_mcc' => ['label' => 'Plant Collection Point', 'color' => '#eb7aa0'],
                                            'ao' => ['label' => 'Area Office', 'color' => '#28A745'],
                                            'dp' => ['label' => 'Dispatch Point', 'color' => '#20C997'],
                                            'mcc' => ['label' => 'Collection Center', 'color' => '#007bff'], // Bootstrap primary color
                                            'ao_building' => ['label' => 'Area Office Building', 'color' => '#008080'],
                                        ];
                                    @endphp
                                    <h5 class="pb-1 ">
                                        <b>Next Type : 
                                            <span 
                                            class="badge" 
                                            style="background-color: {{ $badges[$note['to_type']]['color'] ?? '#6c757d' }}; color: white;">
                                            {{ $badges[$note['to_type']]['label'] ?? 'N/A' }}
                                        </span>
                                        </b>
                                    </h5>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3 col-12">
                                    <div class="mb-1">
                                        <input type="hidden" id="mn_id" name="mn_id" value="{{ $note['_id'] }}">
                                        <input type="hidden" id="store_id" name="store_id" value="{{ $note['store_id'] }}">
                                        <label class="form-label" for="column-ao-1">Movement Code *</label>
                                        <input type="text" disabled id="code" class="form-control" name="code"
                                            value="{{ old('code', $code) }}" maxlength="7" />
                                        @error('code')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-12 mt-2 mb-1">
                                    <h5>
                                        Movement Details
                                    </h5>
                                </div>
                                <div class="col-md-3 col-6 ">
                                    <label class="form-label">Select Movement Type (Optional)</label>
                                    <div class="mb-1">
                                        <select name="parent" id="parent" class="form-control select2" required onchange="getSelectedParent()">
                                            <option value="" selected="">Select Movement Type</option>
                                            @if ((auth()->user()->roles->first()->access_level == 6 || auth()->user()->roles->first()->access_level == 5 || auth()->user()->roles->first()->access_level == 4) && isset($note['store']) && $note['store']['plant_id'] != null)
                                                <option value="plant">Plant</option>
                                                <option value="building">Building (Plant)</option>
                                                <option value="plant_mcc">Collection Point (Plant)</option>
                                                <option value="ao">Area Office</option>
                                                <option value="plant_store">Store Stock</option>
                                            @else
                                                <option value="ao">Area Office</option>
                                                <option value="dp">Dispatch Point</option>
                                                <option value="mcc">Collection Point</option>
                                                <option value="store">Store Stock</option>
                                                <option value="ao_building">Building (Area Office)</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="{{ $note['wef'] ? $note['wef'] : old('wef') }}" required />
                                        @error('wef')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-4 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="{{$note['note'] ? $note['note'] : old('note') }}" />
                                        @error('note')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-1 d-flex justify-content-start align-items-center p-0 m-0">
                                    <span class="spinner-border spinner-border-md spinner" style="margin-top:3px" role="status" aria-hidden="true"></span>
                                </div>
                            </div>
                            <div class="row">
                                @include('content._partials._sections.fixed_movement_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>

    $('.plant,.department,.section,.zone,.ao,.cp,.bd,.dp,.user,.store,.spinner').hide();


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

        $('.plant,.department,.section,.zone,.ao,.cp,.bd,.dp,.user,.store').hide();
        $('.spinner').show();

        if (parentValue !== "") {
            
            // $('.plant,.department,.section,.zone,.ao,.cp,.bd,.dp').show();
            setTimeout(function() {
                $('.plant, .department, .section, .zone, .ao, .cp, .bd, .dp, .user,.store').show();

            }, 900);

            $('#plant_search,#department_search,#section_search,#zone_search,#area_office_search,#collection_point_search,#dispatch_point_search,#building_search,#store_search,#meter_no').val('');
            $('#plant_search,#department_search,#section_search,#zone_search,#area_office_search,#collection_point_search,#dispatch_point_search,#building_search,#store_search').trigger('change'); 
            
            if(parentValue == "plant_store")
            {
                setTimeout(function() {
                $('.department,.section,.zone,.ao,.cp,.dp,.bd,.user,.spinner').hide();
                }, 900);
                $('#store_search').prop('disabled', false);
                $('#area_office_search,#dispatch_point_search,#collection_point_search,#building_search').prop('disabled', true);   
            }
            else if(parentValue == "plant")
            {
                setTimeout(function() {
                $('.department,.section,.zone,.ao,.cp,.dp,.bd,.user,.store,.spinner').hide();
                }, 900);

                $('#area_office_search,#dispatch_point_search,#collection_point_search,#building_search,#user_search,#store_search').prop('disabled', true);   
            }
            else if(parentValue == "plant_mcc")
            {
                setTimeout(function() {
                $('.department,.section,.zone,.ao,.dp,.bd,.user,.store,.spinner').hide();
                }, 900);

                $('#collection_point_search').prop('disabled', false);
                $('#area_office_search, #dispatch_point_search,#building_search,#user_search,#store_search').prop('disabled', true);   
            }
            else if(parentValue == "ao")
            {
                setTimeout(function() {
                    $('.dp,.cp,.bd,.user,.store,.spinner').hide();
                }, 900);

                $('#area_office_search').prop('disabled', false);
                $('#dispatch_point_search,#collection_point_search,#building_search,#user_search,#store_search').prop('disabled', true);   
            }
            else if(parentValue == "dp")
            {   
                setTimeout(function() {
                $('.cp,.bd,.user,.store,.spinner').hide();
                }, 900);
                
                $('#dispatch_point_search').prop('disabled', false);
                $('#building_search,#collection_point_search,#user_search,#store_search').prop('disabled', true);
            }
            else if(parentValue == "mcc")
            {
                setTimeout(function() {
                $('.dp,.bd,.user,.store,.spinner').hide();
                }, 900);
                $('#collection_point_search').prop('disabled', false);
                $('#dispatch_point_search,#building_search,#user_search,#store_search').prop('disabled', true);   
            } 
            else if(parentValue == "building")
            {
                setTimeout(function() {
                $('.department,.section,.zone,.ao,.cp,.dp,.user,.store,.spinner').hide();
                }, 900);
                $('#building_search').prop('disabled', false);
                $('#dispatch_point_search,#collection_point_search,#user_search,#store_search').prop('disabled', true);   
            }
            else if(parentValue == "ao_building")
            {
                setTimeout(function() {
                $('.cp,.dp,.user,.store,.spinner').hide();
                }, 900);
                $('#building_search').prop('disabled', false);
                $('#dispatch_point_search,#collection_point_search,#user_search,#store_search').prop('disabled', true);   
            }
            else if(parentValue == "store")
            {
                setTimeout(function() {
                $('.cp,.dp,.user,.bd,.spinner').hide();
                }, 900);
                $('#store_search').prop('disabled', false);
                $('#dispatch_point_search,#collection_point_search,#building_search').prop('disabled', true);   
            }
            else
            {
                $('.spinner').hide();
                $('#department_search,#section_search,#zone_search,#area_office_search,#collection_point_search,#dispatch_point_search,#building_search,#user_search').prop('disabled', false);
            }

        }
        else
        {
            $('.plant,.department,.section,.zone,.ao,.cp,.bd,.dp,.user,.store,.spinner').hide();
        }
    }





    $(document).ready(function() {

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

            e.preventDefault();

            let from_location_id = $('#location_id').val();
            let from_type = $('#type').val();
            let store_id = $('#store_id').val();
            let plant_id = $('#plant_search').val();
            let ao_id = $('#area_office_search').val();
            let dp_id = $('#dispatch_point_search').val();
            let cp_id = $('#collection_point_search').val();
            let building_id = $('#building_search').val();
            let to_store_id = $('#store_search').val();
            let asset_id = $('#asset_id').val();
            let note =  $('#note').val();
            let wef = $('#wef').val();
            let mn_id = $('#mn_id').val();

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



            if(wef == '' || wef == null)
            {
                alert('Validation Error ! Kindly fill all details');
                return;
            }

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

            }
            else 
            {
                if(type == 'plant')
                {
                    if(plant_id == '' || plant_id == null)
                    {
                        alert('Plant is required !');
                        return;
                    }
                }
                else if(type == 'building')
                {
                    if(plant_id == '' || plant_id == null || building_id == '' || building_id == null)
                    {
                        alert('Plant or Building is required !');
                        return;
                    }
                }
                else if(type == 'plant_store')
                {
                    if(plant_id == '' || plant_id == null || to_store_id == '' || to_store_id == null)
                    {
                        alert('Plant or Plant Store is required !');
                        return;
                    }
                }
                else if(type == 'plant_mcc')
                {
                    if(plant_id == '' || plant_id == null || cp_id == '' || cp_id == null)
                    {
                        alert('Plant or Collection Point is required !');
                        return;
                    }
                }
                else if(type == 'ao')
                {
                    if(plant_id == '' || plant_id == null || ao_id == '' || ao_id == null)
                    {
                        alert('Plant or Area Office is required !');
                        return;
                    }
                }
                else if(type == 'dp')
                {
                    if(plant_id == '' || plant_id == null || ao_id == '' || ao_id == null || dp_id == '' || dp_id == null)
                    {
                        alert('Plant, Area Office or Dispatch Point is required !');
                        return;
                    }
                }
                else if(type == 'mcc')
                {
                    if(plant_id == '' || plant_id == null || ao_id == '' || ao_id == null || cp_id == '' || cp_id == null)
                    {
                        alert('Plant, Area Office or Collection Point is required !');
                        return;
                    }
                }
                else if(type == 'ao_building')
                {
                    if(plant_id == '' || plant_id == null || ao_id == '' || ao_id == null || building_id == '' || building_id == null)
                    {
                        alert('Plant, Area Office or Building is required !');
                        return;
                    }
                }
                else if(type == 'store')
                {
                    if(plant_id == '' || plant_id == null || ao_id == '' || ao_id == null || to_store_id == '' || to_store_id == null)
                    {
                        alert('Plant, Area Office or Store is required !');
                        return;
                    }
                }
                else
                {
                    if(store_id == '' || store_id == null)
                    {
                        alert('Store is required !');
                        return;
                    }
                }
            }


            const movementNoteData = {
                // from_location_id:from_location_id,
                // from_type:from_type,
                mn_id:mn_id,
                store_id: store_id,
                plant_id: plant_id,
                ao_id: ao_id,
                dp_id: dp_id,
                cp_id: cp_id,
                building_id: building_id,
                to_store_id:to_store_id,
                asset_id:asset_id,
                type:type,
                note: note,
                wef:wef
            };

            var icon = 'info'
            var text = '<p style="color:red">Do you want to send this movement for the approval ?</p>'

            Swal.fire({
            title: 'Are you Sure ?',
            html: text ,
            icon: icon,
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes'
        }).then((result) => {
            if (result.isConfirmed) {
            
                // Disable the button immediately
                const submitButton = $(this);
                submitButton.prop('disabled', true);

                // Add a loading indicator if desired (optional)
                submitButton.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Submitting...');
                
                $.ajax({
                    url: '{{ route("inventory.fixed-asset-movement.get.revertEditStore") }}',
                    method: 'POST',
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    data: movementNoteData,
                    success: function (response) {
                        if (response.success == true) {
                                showAlert('success', response.message);
                                window.location.href = "{{ route('inventory.fixed-asset-movement.pending') }}";
                                // location.reload();
                            } else {
                                showAlert('error', response.message);
                                submitButton.prop('disabled', false);
                                submitButton.text('Submit'); // Reset button text
                            }
                    },
                    error: function(xhr, status, error) {
                        // Handle any AJAX errors here
                        showAlert('error', 'An error occurred: ' + error);
                        submitButton.prop('disabled', false);
                        submitButton.text('Submit'); // Reset button text
                    }
                });

            }
            });

        });

    });


</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>
@endsection