@use('App\Services\Date')
@extends('companyuser::layouts.master')
@section('title', __('inventory::requisitions.Edit'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/daterange/daterangepicker.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/datetime/bootstrap-datetimepicker.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/css/pickers/pickadate/pickadate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/plugins/pickers/daterange/daterange.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/person-details.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-svgFont.css') }}">
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css">
    <script src="{{ asset('js/app.js') }}" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
    <!-- Include Moment.js CDN -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
    <!-- Include Bootstrap DateTimePicker CDN -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
    <style>
        label {
            font-family: 'ArbFont-bold';
        }
        .required-strick {
            font-size: 18px;
            margin-right: 8px;
            color: #ff7300;
        }
        /* TODO: Need to make this styles inside the .attachments-wrapper
            component but for the now the other component implementation 
            has a global styles that need to be removed 
        */
        /* Fix attachments component styling within filter-section-collapse */
        .attachments-wrapper select,
        .attachments-wrapper input:not(.btn) {
            font-size: 10px !important;
            height: 45px !important;
            border-radius: 5px !important;
        }

        .attachments-wrapper .input-group input {
            height: 45px !important;
        }

        .attachments-wrapper .input-group input[type=file] {
            height: 3.8rem !important;
        }
    </style>
@endsection
@section('breadcrumb')
    <div class="row breadcrumbs-top">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">@lang('companyuser::sidebar.Inventory')</a></li>
                <li class="breadcrumb-item active"><a href="{{ route('company.requisitions.index', $subdomain) }}" class="redirect-item">@lang('companyuser::sidebar.Requisitions')</a></li>
                <li class="breadcrumb-item active"><a href="#">@lang('Edit')</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <section>
        <form action="{{ route('company.requisition.update', [$subdomain, $requisition]) }}" method="POST" class="form" id="" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <input type="hidden" name="action" value="save" id="dev-action-holder">
            <input type="hidden" name="type" value="{{ $type }}">
            <div class="container-fluid">
                <div class="headBtns mx-1 fixed-btns">
                    <div class="btn-group pull-right" id="saveAndCreate">
                        <button id="save-requisition" type="submit" class="" style="background-color: transparent;border:none; float: right;" title="{{ __('Save') }}">
                            <span class="icon-Save action-icon"></span>
                        </button>
                    </div>
                    <div class="mb-1 pull-left">
                        <a class="text-green redirect-item" href="{{ request('reference') ? URL::previous() : url('/inventory/requisitions') }}" title="{{ __('Back') }}">
                            @if (LaravelLocalization::getCurrentLocale() === 'en')
                                <span class="icon-Previous action-icon back-btnIcon"></span>
                            @else
                                <span class="icon-Next action-icon back-btnIcon"></span>
                            @endif
                        </a>
                    </div>
                </div>
                <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
                    <div class=" match-height">
                        <div class="card mb-0">
                            <div class="card-block mt-2">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-lg-10">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="referenceNumber">@lang('inventory::requisitions.Reference_Number')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" name="reference_number" id="referenceNumber"
                                                            class="form-control"
                                                            value="{{ old('reference_number') ?? $requisition->reference }}"
                                                            readonly>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group my-2">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="stock_movement">@lang('inventory::requisitions.Stock_Movement')</label>
                                                    </div>
                                                    <div class="col-md-7">
                                                        <x-toggle name="stock_movement" id="stock_movement" :checked="old('stock_movement', $requisition->stock_movement)" />
                                                    </div>
                                                </div>
                                            </div>
                                            @php
                                                $isInbound =
                                                    $type == \Modules\Inventory\Enums\RequisitionTypeEnum::INBOUND;
                                                $isOutbound =
                                                    $type == \Modules\Inventory\Enums\RequisitionTypeEnum::OUTBOUND;
                                                $isTransfer =
                                                    $type == \Modules\Inventory\Enums\RequisitionTypeEnum::TRANSFER;
                                            @endphp

                                            @if ($isInbound)
                                                <div class="form-group" id="warehouse_id">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <label for="to_warehouse_id">
                                                                @lang('inventory::requisitions.warehouse_to')
                                                                <span class="required-strick">*</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-md-9">
                                                            <select @if ($currentLang === 'ar') dir="rtl" @endif
                                                                name="warehouse_id" id="to_warehouse_id"
                                                                class="js-example-basic-single selectpicker form-control form-element">
                                                                <option value="" disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('warehouse_id', $requisition->warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('warehouse_id')
                                                                <span class="invalid-feedback" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                            @enderror
                                                            <div class="invalid-feedback text text-danger d-none"
                                                                role="alert" id="to_warehouse_id_error">
                                                                <p>@lang('inventory::requisitions.validation_messages.warehouse_id_required_if')</p>
                                                            </div>
                                                            <span class="invalid-feedback text text-warning"
                                                                role="alert">
                                                                <p>{{ __('validation.change_warning', ['field' => __('inventory::requisitions.warehouse')]) }}
                                                                </p>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif

                                            @if ($isOutbound)
                                                <div class="form-group" id="from_warehouse">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <label for="from_warehouse_id">
                                                                @lang('inventory::requisitions.warehouse_from')
                                                                <span class="required-strick">*</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-md-9">
                                                            <select @if ($currentLang === 'ar') dir="rtl" @endif
                                                                name="from_warehouse_id" id="from_warehouse_id"
                                                                class="js-example-basic-single selectpicker form-control form-element">
                                                                <option value="" disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('from_warehouse_id', $requisition->from_warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('from_warehouse_id')
                                                                <span class="invalid-feedback" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                            @enderror
                                                            <div class="invalid-feedback text text-danger d-none"
                                                                role="alert" id="from_warehouse_id_error">
                                                                <p>@lang('inventory::requisitions.validation_messages.from_warehouse_id_required_if')</p>
                                                            </div>
                                                            <span class="invalid-feedback text text-warning"
                                                                role="alert">
                                                                <p>{{ __('validation.change_warning', ['field' => __('inventory::requisitions.warehouse')]) }}
                                                                </p>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif

                                            @if ($isTransfer)
                                                <div class="form-group" id="from_warehouse">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <label for="from_warehouse_id">
                                                                @lang('inventory::requisitions.warehouse_from')
                                                                <span class="required-strick">*</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-md-9">
                                                            <select @if ($currentLang === 'ar') dir="rtl" @endif
                                                                name="from_warehouse_id" id="from_warehouse_id"
                                                                class="js-example-basic-single selectpicker form-control form-element">
                                                                <option value="" disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('from_warehouse_id', $requisition->from_warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('from_warehouse_id')
                                                                <span class="invalid-feedback" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                            @enderror
                                                            <div class="invalid-feedback text text-danger d-none"
                                                                role="alert" id="from_warehouse_id_error">
                                                                <p>@lang('inventory::requisitions.validation_messages.from_warehouse_id_required_if')</p>
                                                            </div>
                                                            <span class="invalid-feedback text text-warning"
                                                                role="alert">
                                                                <p>{{ __('validation.change_warning', ['field' => __('inventory::requisitions.warehouse')]) }}
                                                                </p>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-group" id="warehouse_id">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <label for="to_warehouse_id">
                                                                @lang('inventory::requisitions.warehouse_to')
                                                                <span class="required-strick">*</span>
                                                            </label>
                                                        </div>
                                                        <div class="col-md-9">
                                                            <select @if ($currentLang === 'ar') dir="rtl" @endif
                                                                name="warehouse_id" id="to_warehouse_id"
                                                                class="js-example-basic-single selectpicker form-control form-element">
                                                                <option value="" disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('warehouse_id', $requisition->warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('warehouse_id')
                                                                <span class="invalid-feedback" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                            @enderror
                                                            <div class="invalid-feedback text text-danger d-none"
                                                                role="alert" id="to_warehouse_id_error">
                                                                <p>@lang('inventory::requisitions.validation_messages.warehouse_id_required_if')</p>
                                                            </div>
                                                            <span class="invalid-feedback text text-warning"
                                                                role="alert">
                                                                <p>{{ __('validation.change_warning', ['field' => __('inventory::requisitions.warehouse')]) }}
                                                                </p>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                            <div class="form-group my-2">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="date">@lang('inventory::requisitions.Date')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <x-date-picker
                                                            name="date"
                                                            id="date"
                                                            :default-today="true"
                                                            :value="old('date') ?? ($requisition->date ? Date::format($requisition->date, 'date') : '')"
                                                            input-class="h-45"
                                                            :is-invalid="$errors->has('date')"
                                                            :required="true"
                                                        />
                                                        @error('date')
                                                            <div class="invalid-feedback text text-danger w-100 d-block"
                                                                role="alert">
                                                                <p>{{ $message }}</p>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            @if ($isInbound)
                                                @include('inventory::Requisitions.components.suppliers',['suppliers' => $suppliers,])
                                            @elseif ($isOutbound)
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="customer_id">@lang('inventory::requisitions.customers')<span class="required-strick">*</span></label>
                                                    </div>
                                                    <div class="col-md-9">
                                                            @php
                                                                $selectedCustomerId = $requisition->customer_id 
                                                                    ?? old('customer_id');
                                                            @endphp
                                                            <customers-dropdown-component
                                                                :selected="{{ json_encode(\Modules\Sales\Models\Customer::getForDropdown($selectedCustomerId, ['id', 'name', 'email', 'mobile', 'country_code', 'current_balance', 'type'])) }}"
                                                                :create-new="true" :required="true"
                                                                :create-new-url="'{{ route('company.customers.create', ['subdomain' => $subdomain, 'reference' => 'requisitions']) }}'"
                                                                :lang="'{{ app()->getLocale() }}'" :multi-select="false"
                                                                :disable-inactive="true" :input-name="'customer_id'"
                                                                :display-key="'name'"
                                                                :is-invalid='@json($errors->has('customer_id'))'
                                                                :translations="{
                                                                    placeholder: '{{ __('sales::estimates.please_select_customer') }}',
                                                                    searchPlaceholder: '{{ __('sales::customers.search_customers') }}',
                                                                    noResultsText: '{{ __('sales::customers.no_customers_found') }}',
                                                                    createNewText: '{{ __('sales::customers.add_new_customer') }}',
                                                                    validationMessage: '{{ __('sales::estimates.please_select_customer') }}'
                                                                }" />
                                                            @error('customer_id')
                                                                <span class="invalid-feedback" role="alert">
                                                                    <p>{{ $message }}</p>
                                                                </span>
                                                            @enderror
                                                            <span class="invalid-feedback d-none" id="customer_id_error"
                                                                role="alert">
                                                                <p>@lang('validation.custom.this field is required')</p>
                                                            </span>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="form-group my-2">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="notes">@lang('inventory::requisitions.Notes')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <textarea name="notes" id="notes" rows="3" class="form-control" maxlength="1000">{{ old('notes', $requisition->notes) }}</textarea>
                                                        @error('notes')
                                                            <div class="invalid-feedback text text-danger w-100 d-block"
                                                                role="alert">
                                                                <p>{{ $message }}</p>
                                                            </div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group my-2">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label for="description">@lang('inventory::requisitions.Description')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <textarea name="description" id="description" rows="3" class="form-control" maxlength="1000">{{ $requisition->description }}</textarea>
                                                        @error('description')
                                                            <div class="invalid-feedback text text-danger w-100 d-block"
                                                                role="alert">
                                                                <p>{{ $message }}</p>
                                                            </div>
                                                        @enderror
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mx-2">
                                        <div class="form-group mt-2">
                                            <label for="products">@lang('inventory::requisitions.Products')</label>
                                            <requisition-product-component
                                                :description="{{ json_encode(__('sales::estimates.description')) }}"
                                                :total="{{ json_encode(__('sales::estimates.total_amount')) }}"
                                                :total_with_service="{{ json_encode(__('sales::estimates.total_amount_with_service')) }}"
                                                :clear_all="{{ json_encode(__('sales::estimates.clear_all')) }}"
                                                :add_new_line="{{ json_encode(__('sales::estimates.add_new_line')) }}"
                                                :lang="{{ json_encode(Lang::locale()) }}"
                                                :old="{{ json_encode(old() ? old() : ($requisition ? ['products' => $requisition->products->load('warehouseProduct.product')] : null)) }}"
                                                :qty="{{ json_encode(__('sales::estimates.qty')) }}"
                                                :products_title="{{ json_encode(__('sales::invoices.products')) }}"
                                                :unit_price="{{ json_encode(__('sales::estimates.unit_price')) }}"
                                                :total_discount="{{ json_encode(__('sales::estimates.total discount')) }}"
                                                :vat="{{ json_encode(__('sales::estimates.vat')) }}"
                                                :vat_value="{{ json_encode(__('sales::estimates.vat_value')) }}"
                                                :gross="{{ json_encode(__('sales::estimates.gross')) }}"
                                                :records_max_limits="{{ json_encode(__('sales::invoices.records_max_limits')) }}"
                                                :amount="{{ json_encode(__('sales::estimates.amount')) }}"
                                                :discount="{{ json_encode(__('sales::estimates.discount')) }}"
                                                :photo="{{ json_encode(__('sales::estimates.photo')) }}"
                                                :is_description_appear="{{ json_encode($isDescriptionAppear) }}"
                                                :is_tax_appear="{{ json_encode($isTaxAppear) }}"
                                                :is_discount_appear="{{ json_encode($isDiscountAppear) }}"
                                                :is_photo_appear="{{ json_encode($isPhotoAppear) }}"
                                                :company_default_tax="{{ json_encode($companyDefaultTax) }}"
                                                :products="{{ json_encode($products) }}"
                                                :taxes="{{ json_encode($taxes) }}"
                                                :taxes_statuses="{{ json_encode($taxes_statuses) }}"
                                                :exclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE) }}"
                                                :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
                                                :no_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES) }}"
                                                :tax_disabled="{{ json_encode(old() && old('taxes_status') == \Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES ? true : false) }}"
                                                :requisition_tax_status="{{ json_encode(old() ? old('taxes_status') : \Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE) }}"
                                                :currency="{{ json_encode(__('settings::currencies.' . $currency)) }}"
                                                :unit_label="{{ json_encode(__('inventory::requisitions.Unit')) }}"
                                                :qty_before="{{ json_encode(__('inventory::requisitions.qty_before')) }}"
                                                :qty_after="{{ json_encode(__('inventory::requisitions.qty_after')) }}"
                                                :req_type="{{ json_encode($type) }}"
                                                :deleted_product_text="{{ json_encode(__('inventory::requisitions.deleted_product_text')) }}"></requisition-product-component>
                                            @error('products.*')
                                                <span class="invalid-feedback text text-danger" role="alert">
                                                    <span>{{ $message }}</span>
                                                </span>
                                            @enderror
                                            <p class="mx-1 text-danger hidden" id="validate_minimum_quantity">
                                                @lang('sales::invoices.validate_minimum_quantity_message')</p>
                                            <p class="mx-1 text-danger hidden" id="validate_deleted_product">
                                                @lang('inventory::requisitions.deleted_product_warning')</p>
                                            <p class="mx-1 text-danger hidden" id="validate_products_required">
                                                @lang('inventory::requisitions.validation_messages.products_required')</p>
                                            {{-- <p class="mx-1 text-danger hidden" id="validate_maximum_quantity" data-base-text="@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ':quantity'])">@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ''])</p> --}}
                                        </div>
                                    </div>
                                <div class="attachments-wrapper">
                                    @if (!old('attachment_id') && !request('attachment_id'))
                                    <attachments-component 
                                                :translations="{{ json_encode([
                                                    'attachments' => __('general.attachments'),
                                                    'attachments_validation' => __('general.attachments_validation'),
                                                    'attachments_max_size' => __('general.attachments_max_size'),
                                                    'selected_files' => __('general.selected_files'),
                                                ]) }}" 
                                                :errors="{{ json_encode($errors->get('attachments.*')) }}"
                                                :preloaded-files="{{ json_encode($requisition->requisitionAttachments ?? $requisition->attachments ?? [""]) }}"
                                    ></attachments-component>
                                    @endif
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </form>
        @stack('scripts')
    </section>
    @include('sales::includes.redirect_popup')
@stop
@section('extra_scripts')
    @include('inventory::Requisitions.scripts.warehouse_select_script')
    <script src="{{ asset('js/validation/quantity-messages.js') }}"></script>
    <script src="{{ url('assets/js/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/pickadate/picker.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/pickadate/picker.date.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/pickadate/picker.time.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/pickadate/legacy.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/daterange/daterangepicker.js') }}" defer></script>
    <script src="{{ asset('assets/js/custom/daterangepicker.js') }}" defer></script>
    <script src="{{ url('assets/js/vendors/js/pickers/dateTime/picker-date-time.js') }}" defer></script>

    <script>
        gtag('event', 'web_inventory_requisition_edit');
        console.log('web_inventory_requisition_edit event');
    </script>
@endsection