@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"
                            />
                           
                            <div class="card">
                                <div class="card-body">
                                    <form id="addItemsForm" action="{{ isset($editItem) ? route('items.update', encryption($editItem->id)) : route('items.store') }}" method="POST">
                                        @csrf
                                        @if(isset($editItem))
                                            @method('PUT')
                                        @endif

                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label for="unit" class="form-label">{{ __('items.category') }} <span class="required">*</span></label>
                                                    <div class="d-flex align-items-center">
                                                        <select name="r_category" id="category-select" class="form-control select2 me-2">
                                                            <option value="">{{ __('global.select') }}</option>
                                                            @foreach ($categories as $category)
                                                                <option value="{{ $category->id }}" 
                                                                    {{ old('r_category', isset($editItem) ? $editItem->category_id : '') == $category->id ? 'selected' : '' }}>
                                                                    {{ $category->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <button type="button" class="btn btn-outline-secondary me-1" style="padding: 10px" data-bs-toggle="modal" data-bs-target="#add-category-model">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                    @error('r_category')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="unit" class="form-label">{{ __('items.request_form.itmes_name') }} <span class="required">*</span></label>
                                                    <div class="d-flex align-items-center">
                                                        <select name="r_name" id="item-master-select" class="form-control select2 me-2">
                                                            <option value="">{{ __('global.select') }}</option>
                                                            @foreach ($itemsList as $master)
                                                                <option value="{{ $master->id }}" 
                                                                    {{ old('r_name', isset($editItem) ? $editItem->item_master_id : '') == $master->id ? 'selected' : '' }}>
                                                                    {{ $master->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <button type="button" class="btn btn-outline-secondary me-1" style="padding: 10px" data-bs-toggle="modal" data-bs-target="#item-master-model">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                    @error('r_name')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="description" class="form-label">{{ __('items.description') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="r_description" 
                                                        value="{{ old('r_description', isset($editItem) ? $editItem->description : '') }}" 
                                                        placeholder="{{ __('items.description') }}"/>
                                                    @error('r_description')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-4">
                                                    <label for="cost" class="form-label">{{ __('items.cost') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="r_cost" id="r_cost"
                                                        value="{{ old('r_cost', isset($editItem) ? number_format($editItem->cost) : '') }}" 
                                                        placeholder="{{ __('items.cost') }}"/>
                                                    @error('r_cost')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="serial_number" class="form-label">{{ __('items.serial_number') }} <span class="required">*</span></label>
                                                    <input type="text" class="form-control" name="serial_number" 
                                                        value="{{ old('serial_number', isset($editItem) ? $editItem->serial_number : '') }}" 
                                                        placeholder="{{ __('items.serial_number') }}"/>
                                                    @error('serial_number')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="quantity" class="form-label">{{ __('items.quantity') }} <span class="required">*</span></label>
                                                    <input type="number" class="form-control" name="r_quantity" 
                                                        value="{{ old('r_quantity', isset($editItem) ? $editItem->quantity : '') }}" 
                                                        placeholder="{{ __('items.quantity') }}"/>
                                                    @error('r_quantity')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-4">
                                                    <label for="unit" class="form-label">{{ __('items.unit') }} <span class="required">*</span></label>
                                                    <div class="d-flex align-items-center">
                                                        <select name="r_unit" id="unit-select" class="form-control select2 me-2">
                                                            <option value="">{{ __('global.select') }}</option>
                                                            @foreach ($units as $unit)
                                                                <option value="{{ $unit->id }}" 
                                                                    {{ old('r_unit', isset($editItem) ? $editItem->unit_id : '') == $unit->id ? 'selected' : '' }}>
                                                                    {{ $unit->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        <button type="button" class="btn btn-outline-secondary me-1" style="padding: 10px" data-bs-toggle="modal" data-bs-target="#add-unit-model">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                    @error('r_unit')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="item_status" class="form-label">{{ __('items.item_status') }} <span class="required">*</span></label>
                                                    <select name="r_item_status" class="form-control select2">
                                                        <option value="">{{ __('global.select') }}</option>
                                                        <option value="new" {{ old('r_item_status', isset($editItem) ? $editItem->item_status : '') == 'new' ? 'selected' : '' }}>{{ __('items.new') }}</option>
                                                        <option value="use" {{ old('r_item_status', isset($editItem) ? $editItem->item_status : '') == 'use' ? 'selected' : '' }}>{{ __('items.use') }}</option>
                                                        <option value="inactive" {{ old('r_item_status', isset($editItem) ? $editItem->item_status : '') == 'inactive' ? 'selected' : '' }}>{{ __('items.inactive') }}</option>
                                                        <option value="defective" {{ old('r_item_status', isset($editItem) ? $editItem->item_status : '') == 'defective' ? 'selected' : '' }}>{{ __('items.defective') }}</option>
                                                    </select>
                                                    @error('r_item_status')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                                <div class="col-md-4">
                                                    <label for="is_consumable" class="form-label">{{ __('items.is_consumable') }} <span class="required">*</span></label>
                                                    <select name="r_is_consumable" class="form-control select2">
                                                        <option value="">{{ __('global.select') }}</option>
                                                        <option value="1" {{ old('r_is_consumable', isset($editItem) ? $editItem->is_consumable : '') == '1' ? 'selected' : '' }}>{{ __('items.consumable') }}</option>
                                                        <option value="2" {{ old('r_is_consumable', isset($editItem) ? $editItem->is_consumable : '') == '2' ? 'selected' : '' }}>{{ __('items.none_consumable') }}</option>
                                                    </select>
                                                    @error('r_is_consumable')
                                                        <span class="text-danger">{{ $message }}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                @php
                                                    $selectedPurchaseType = old('r_purchase_type', isset($editItem) ? $editItem->purchase_type : '');
                                                @endphp

                                                <div class="col-md-4">
                                                    <label class="form-label">{{ __('items.purchase_type') }} <span class="required">*</span></label>
                                                    <select name="r_purchase_type" id="purchase_type" class="select2" onchange="showFees9(this.value)">
                                                        <option value="0">{{ __('global.select') }}</option>
                                                        <option value="office" {{ $selectedPurchaseType === 'office' ? 'selected' : '' }}>
                                                            {{ __('items.office') }}
                                                        </option>
                                                        <option value="fees9" {{ $selectedPurchaseType === 'fees9' ? 'selected' : '' }}>
                                                            {{ __('items.fees_9') }}
                                                        </option>
                                                    </select>
                                                </div>
                                                @php
                                                    $showFees9 = isset($editItem) && $editItem->purchase_type === 'fees9';
                                                @endphp

                                                <div class="col-md-4 fees9-dev {{ $showFees9 ? '' : 'd-none' }}">
                                                    <label for="is_consumable" class="form-label">
                                                        {{ __('items.fees9.fees9_number') }} <span class="required">*</span>
                                                    </label>
                                                    <select name="fees9" class="form-control select2">
                                                        <option value="">{{ __('global.select') }}</option>
                                                        @foreach ($fees9 as $f9)
                                                            <option value="{{ $f9->id }}" 
                                                                {{ old('fees9', isset($editItem) ? $editItem->fees9_id : '') == $f9->id ? 'selected' : '' }}>
                                                                {{ $f9->description }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col">
                                                    <label for="remarks" class="form-label">{{ __('items.remarks') }}</label>
                                                    <textarea class="form-control" name="remarks" rows="1">{{ old('remarks', isset($editItem) ? $editItem->remarks : '') }}</textarea>
                                                </div>
                                            </div>
                                            @if(!isset($editItem))
                                                <hr class="my-2">
                                                <label class="mb-0" class="form-label">{{ __('items.distribution_items_custodians_form') }}</label>
                                                <hr class="my-2">
                                                <div class="row mb-2">
                                                    <div class="col">
                                                        <label class="form-label">{{ __('items.custodian.select_custodian') }}</label><br>
                                                        <select name="r_custodia_id" id="custodia-select" class="form-control select2">
                                                            <option value="">{{ __('global.select') }}</option>
                                                            @foreach ($custodian as $info)
                                                                <option value="{{ $info->id }}"
                                                                    data-name="{{ $info->employee->name }}"
                                                                    data-lastname="{{ $info->employee->last_name }}"
                                                                    data-id="{{ $info->employee->id_number }}"
                                                                    data-phone="{{ $info->employee->phone }}"
                                                                    data-jobtype="{{ $info->job_type }}"
                                                                    data-image="{{ file_exists(storage_path('app/public/attachment/employee/photo/' . $info->employee->image)) ? asset('storage/attachment/employee/photo/' . $info->employee->image) : asset('assets/img/default-img.png') }}">
                                                                    {{ $info->employee->name }} {{ $info->employee->last_name }} | {{ $info->employee->designation->name }} | {{ $info->employee->id_number }} | {{ $info->job_type }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="col mb-2">
                                                        <label class="form-label">{{ __('items.distribution_date') }}</label><br>
                                                        <input type="text" name="r_distribution_date" id="distribution-date" value="{{ getHijriDate(now()) }}" autocomplete="off" class="form-control datepickers">
                                                    </div>
                                                    <div class="col mb-2">
                                                        <label class="form-label">{{ __('items.remarks') }}</label><br>
                                                        <textarea name="dis_remarks" rows="1" class="form-control"></textarea>
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="row mb-2">
                                                <div class="col">
                                                    <button type="button" onclick="addItems('addItemsForm')" class="btn btn-primary" id="insertProtocolBtn">
                                                        <i class="fa fa-save"></i> {{ __('global.save') }}</button>
                                                    <a href="{{ route('items.list') }}" class="btn btn-secondary mx-1">
                                                        <i class="fa fa-arrow-circle-left"></i> {{ __('global.back') }}
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul class="mb-0">
                                                @foreach ($errors->all() as $error)
                                                    <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </div> <!-- container-fluid -->
    </div>
<!-- Add item master  modal -->
<div class="modal fade" id="item-master-model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('items.item_master_form') }}</h5>
                <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">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <label class="form-label">{{ __('items.name') }} <span class="required">*</span></label>
                            <input type="text" class="form-control" id="item-name"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"class="btn-close" data-bs-dismiss="modal" aria-label="Close">{{ __('global.cancel') }}</button>
                <button type="button" class="btn btn-primary" onclick="addItemMaster()">{{ __('global.submit') }}</button>
            </div>
        </div>
    </div>
</div>
<!-- Add Unit  modal -->
<div class="modal fade" id="add-unit-model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('items.add_unit') }}</h5>
                <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">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <label for="add_organization_name" class="form-label">{{ __('items.unit_name') }} <span class="required">*</span></label>
                            <input type="text" class="form-control" id="unit-name"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"class="btn-close" data-bs-dismiss="modal" aria-label="Close">{{ __('global.cancel') }}</button>
                <button type="button" class="btn btn-primary" onclick="addUnits()">{{ __('global.submit') }}</button>
            </div>
        </div>
    </div>
</div>
{{-- category model --}}
<div class="modal fade" id="add-category-model" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{ __('items.add_category') }}</h5>
                <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">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <label for="add_organization_name" class="form-label">{{ __('items.category_name') }} <span class="required">*</span></label>
                            <input type="text" class="form-control" id="category-name"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"class="btn-close" data-bs-dismiss="modal" aria-label="Close">{{ __('global.cancel') }}</button>
                <button type="button" class="btn btn-primary" onclick="addCategory()">{{ __('global.submit') }}</button>
            </div>
        </div>
    </div>
</div>
@endsection
<style>
.is-invalid {
    border: 1px solid red;
}
</style>
@section('js')
    <script type="text/javascript">
        $(document).on("click", "#addNewUnitBtn", function()
        {
            $('#add-unit-model').modal('show');
        });

        function addUnits()
        {
            const unitNameInput = $("#unit-name");
            const unitName = unitNameInput.val();

            // Reset any previous red border
            unitNameInput.removeClass("is-invalid");

            if (!unitName) {
                // Add red border to the input field
                unitNameInput.addClass("is-invalid");
                return false;
            }

            $.ajax({
                url: "{{ route('unit.store') }}",
                method: "POST",
                data: {
                    name: unitName,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    @php
                        session()->forget('success');
                    @endphp
                    // if unit exist in database
                    if(response.id == 0){
                        toastr.error('Unit exist in the system.');
                    }else{
                        // Add the new unit as an option in the unit select
                        const newOption = new Option(unitName, response.id, false, false);
                        $('#unit-select').append(newOption).trigger('change');
                        $('#add-unit-model').modal('hide');
                        unitNameInput.val('');
                        toastr.success('Success');
                    }
                },
                error: function(xhr) {
                    // Handle errors
                    toastr.error('Error');
                }
            });
        }
        
        function addCategory()
        {
            const categoryNameInput = $("#category-name");
            const categoryName = categoryNameInput.val();

            // Reset any previous red border
            categoryNameInput.removeClass("is-invalid");

            if (!categoryName) {
                // Add red border to the input field
                categoryNameInput.addClass("is-invalid");
                return false;
            }
            $.ajax({
                url: "{{ route('category.store') }}",
                method: "POST",
                data: {
                    name: categoryName,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    @php
                        session()->forget('success');
                    @endphp
                    // if category exist in database
                    if(response.id == 0){
                        toastr.error('Category exist in the system.');
                    }else{
                        // Add the new unit as an option in the unit select
                        const newOption = new Option(categoryName, response.id, false, false);
                        $('#category-select').append(newOption).trigger('change');
                        $('#add-category-model').modal('hide');
                        categoryNameInput.val('');
                        toastr.success('Success');
                    }
                },
                error: function(xhr) {
                    // Handle errors
                    toastr.error('Error');
                }
            });
        }

        function addItemMaster(formID)
        {
            $("#item-name").css("border", "");
            let itemName = $("#item-name").val();
            if(itemName == ""){
                $("#item-name").css("border", "1px solid #F00");
                return;
            }
            $.ajax({
                url: "{{ route('master.item.store') }}",
                method: "POST",
                data: {
                    "_token": "{{ csrf_token() }}",
                    name: itemName,
                },
                success: function(response) {
                    @php
                        session()->forget('success');
                    @endphp
                    // if category exist in database
                    if(response.id == 0){
                        toastr.error('Item exist in the system.');
                    }else{
                        // Add the new unit as an option in the unit select
                        const newOption = new Option(itemName, response.id, false, false);
                        $('#item-master-select').append(newOption).trigger('change');
                        $('#item-master-model').modal('hide');
                        $("#item-name").val('');
                        toastr.success('Success');
                    }
                },
                error: function(xhr, status, error) {
                    toastr.error("Error In Update Operation");
                }
            });
        }

        function addItems(formID)
        {
            if(!validateForm(formID)){
                return false;
            }
            let purchase_type = $("#purchase_type").val();
            let fees9Value = $(".fees9-dev select").val();
            if(purchase_type == 'fees9' && fees9Value == ""){
                $(".fees9-dev .select2").css("border", "1px solid #F00");
                return;
            }
            $(".fees9-dev .select2").css("border", "");
            $("#"+formID).submit();
        }
        
        function convertPersianToEnglish(str)
        {
            const persianNumbers = ['۰','۱','۲','۳','۴','۵','۶','۷','۸','۹'];
            const englishNumbers = ['0','1','2','3','4','5','6','7','8','9'];

            return str.replace(/[۰-۹]/g, function(w) {
                return englishNumbers[persianNumbers.indexOf(w)];
            });
        }

        function formatNumberWithCommas(number)
        {
            return number.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }

        document.getElementById("r_cost").addEventListener("input", function(e)
        {
            let raw = e.target.value;

            // حذف کاراکترهای غیر عددی (به جز ارقام فارسی و انگلیسی)
            raw = raw.replace(/[^\d۰-۹]/g, '');

            // تبدیل فارسی به انگلیسی
            let english = convertPersianToEnglish(raw);

            // حذف صفرهای ابتدایی
            english = english.replace(/^0+/, '');

            // فرمت با کاما
            let formatted = formatNumberWithCommas(english);

            // مقدار نهایی در input
            e.target.value = formatted;
        });

        function showFees9(value)
        {
            if(value == "fees9"){
                $(".fees9-dev").removeClass("d-none");
            }else{
                $(".fees9-dev").addClass("d-none");
            }
        }
    </script>
@endsection