@extends('companyuser::layouts.master')
@section('title', __('inventory::requisitions.create_' . $type))
@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;
        }
        /* 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('inventory::requisitions.' . $type)</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <section>
        <form action="{{ route('company.requisition.store', $subdomain) }}" method="POST" class="form add_form"
            enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="action" value="save" id="dev-action-holder">
            <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="reference">@lang('inventory::requisitions.Reference_Number')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" name="reference" id="reference"
                                                            class="form-control"
                                                            value="{{ old('reference') ?? $suggestedCode }}" readonly>
                                                        @error('reference')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </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="true" />
                                                    </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
                                            {{-- TO Warehouse (Required if requisition type is inbound or transfer) --}}
                                            @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="" selected disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('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">
                                                                @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="" selected disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('from_warehouse_id') ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('from_warehouse')
                                                                <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">
                                                                @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="" selected disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('from_warehouse_id') ? 'selected' : '' }}>
                                                                        {{ $warehouse->title }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            @error('from_warehouse')
                                                                <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>
                                                        </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="" selected disabled>
                                                                    {{ __('products::warehouse_assignments.select_warehouse') }}
                                                                </option>
                                                                @foreach ($warehouses as $warehouse)
                                                                    <option value="{{ $warehouse->id }}"
                                                                        {{ $warehouse->id == old('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">
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label>@lang('inventory::requisitions.Date')</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <x-date-picker
                                                            name="date"
                                                            id="date"
                                                            :default-today="true"
                                                            :value="old('date')"
                                                            input-class="h-45"
                                                            :is-invalid="$errors->has('date')"
                                                            :required="true"
                                                        />
                                                        <input type='hidden' name="type"
                                                            value="{{ $type }}" />
                                                        @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">
                                                            @if ($isOutbound)
                                                                <label for="customer_id">@lang('inventory::requisitions.customers')<span class="required-strick">*</span></label>
                                                            @endif
                                                        </div>
                                                        <div class="col-md-9">
                                                                <customers-dropdown-component
                                                                    :selected="{{ json_encode(\Modules\Sales\Models\Customer::getForDropdown(request('customer'))) }}"
                                                                    :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">
                                                <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') }}</textarea>
                                                        @error('notes')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <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">{{ old('description') }}</textarea>
                                                        @error('description')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-2 mx-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() : (isset($requisition) ? ['products' => $requisition->products->load('product')] : null)) }}"
                                            :products="{{ json_encode($products) }}"
                                            :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) }}"
                                            :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) }}"></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_maximum_quantity"
                                            data-base-text="@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ':quantity'])">@lang('sales::invoices.validate_maximum_quantity_message', ['quantity' => ''])</p>
                                        <p class="mx-1 text-danger hidden" id="validate_products_required">
                                            @lang('inventory::requisitions.validation_messages.products_required')</p>
                                    </div>
                                    <div class="attachments-wrapper">
                                        <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="[]"
                                        ></attachments-component>
                                    </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="{{ 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_create');
        console.log('web_inventory_requisition_create event');
    </script>
@endsection