@extends('lay.dnekcab.retsam')

@section('title')
  {{ $page_title }}
@endsection

@section('page-content')

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body list-heading">
                            <!-- card-header -->
                            <!--cenario 1: only header, 2:header and add button, 3:header and print, other:header , add button and prin. type:both[pdf,excel], type:[pdf], type:[excel] -->
                            <x-card-header 
                                :scenario="'1'"
                                :pageTitle="$page_title"
                                :totalCount="$allItems->total()"
                            />

                            <div class="mt-3">
                                {{-- Search --}}
                                <x-search-filter 
                                    :rows="2"
                                    :inputs-per-row="3"
                                    :col-md-classes="[
                                        ['col-md-4','col-md-4','col-md-4'],
                                        ['col-md-4', 'col-md-4', 'col-md-4']
                                    ]"
                                    :input-config="[
                                        [
                                            ['type' => 'text'],
                                            ['type' => 'select', 'options' => $categories],
                                            ['type' => 'select', 'options' => $unit]
                                        ],
                                        [
                                            ['type' => 'select', 'options' => [
                                                'new' => __('items.new'),
                                                'use' => __('items.use'),
                                                'inactive' => __('items.inactive'),
                                                'defective' => __('items.defective'),
                                            ]],
                                            ['type' => 'select', 'options' => [
                                                '1' => __('items.consumable'), 
                                                '2' => __('items.none_consumable')
                                            ]],
                                            ['type' => 'select', 'options' => $paginationArray]
                                        ]
                                    ]"
                                    :names="[
                                        [
                                            'term_searh_name',
                                            'category',
                                            'unit',
                                        ],
                                        [
                                            'item_status',
                                            'is_consumable',
                                            'pagination_searh_name',
                                        ]
                                    ]"
                                    :ids="[
                                        [
                                            'term_searh_id',
                                            'category',
                                            'unit_id',
                                        ],
                                        [
                                            'item_status_id',
                                            'is_consumable_id',
                                            'pagination_searh_id',
                                        ]
                                    ]"
                                    :placeholders="[
                                        [
                                            __('global.search'),
                                            __('items.category'),
                                            __('items.unit'),
                                        ],
                                        [
                                            __('items.item_status'),
                                            __('items.is_consumable'),
                                            key($paginationArray) ? key($paginationArray) : __('global.pagination')
                                        ]
                                    ]"
                                    form-action="{{ route('items.distribute.custodians') }}"
                                    report-type="both" 
                                    :lang="$lang"
                                />

                                                
                                <!-- end Search -->
                            </div>

                            <div class="card">
                                <div class="card-body pe-0 ps-0" id="data_content">
                                    @include('dnekcab.nimda.items.distribute_custodians.list')
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </div> <!-- container-fluid -->
    </div>
{{-- category model --}}
<div class="modal fade" id="distribute-custodians-model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">{{ __('items.distribution_items_custodians_form') }}</h4>
                <button type="button" class="btn-close confrim-m{{ app()->getLocale() == 'en' ? 'l' : 'r' }}" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body py-0" id="item-model-content"></div>
        </div>
    </div>
</div>
@endsection

@section('js')
    <!-- jquery step -->
    <script src="{{asset('assets/libs/jquery-steps/build/jquery.steps.min.js')}}"></script>

    <!-- form wizard init -->
    <script src="{{asset('assets/dnekcab/js/pages/form-wizard.init.js')}}"></script>
    <script type="text/javascript">

    function distributeItems(itemID)
    {
        $.ajax({
            url: "{{ route('items.distribute.custodians.add') }}",
            method: "POST",
            data: {
                itemID: itemID,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                $("#item-model-content").html(response);
                $("#distribute-custodians-model").modal('show');
            },
            error: function(xhr) {
                // Handle errors
                toastr.error('Error');
            }
        });
    }
    function submitDistributeForm()
    {
        const itemsDisCount = parseInt($("#distributed-items-count").val(), 10);
        const custodiaID = $("#custodian_id").val();
        const distributionDate = $("#distribution-date").val();
        const availableItems = parseInt($("#available-quantity").html(), 10);

        // Validate inputs
        const validateField = (value, selector) => {
            if (!value || value <= 0) {
                $(selector).css("border", "1px solid #F00");
                return false;
            }
            $(selector).css("border", "");
            return true;
        };

        if (!validateField(itemsDisCount, "#distributed-items-count") ||
            !validateField(custodiaID, "#custodia-select") ||
            !validateField(distributionDate, "#distribution-date")) {
            return; // Stop execution if validation fails
        }

        // Check if itemsDisCount is greater than available items
        if (itemsDisCount > availableItems) {
            $("#item-count-error").removeClass("d-none");
            return;
        }

        // Hide the error if everything is okay
        $("#item-count-error").addClass("d-none");

        // Submit the form
        $("#distribute-custodian-form").submit();
    }
    </script>
@endsection