@extends('companyuser::layouts.master')
@section('title', __('inventory::warehouse.edit_warehouse'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
    <link rel="stylesheet" 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" 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" 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/mainStyle.css') }}">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
    <link href="{{ asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
    <script src="{{ asset('/js/app.js') }}" defer></script>
    <style>
        label {
            font-weight: bold;
        }
    </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.warehouse.index', $subdomain) }}"
                        class="redirect-item">@lang('companyuser::sidebar.Warehouse')</a></li>
                <li class="breadcrumb-item active"><a href="#">@lang('Edit')</a></li>
            </ol>
        </div>
    </div>
@endsection
@section('content')
    <section>
        <form action="{{ route('company.warehouse.update', [$subdomain, $warehouse->id]) }}" method="POST" class="form"
            id="">
            <input type="hidden" name="action" value="save" id="dev-action-holder">
            @method('PUT')
            @csrf
            <div class="container-fluid">
                <div class="headBtns mx-1 fixed-btns">
                    <div class="btn-group pull-right">
                        <button type="submit" class="" style="background-color: transparent;border:none"
                            title="@lang('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/warehouse') }}"
                            title="@lang('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-8">
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label for="title_ar"> @lang('inventory::warehouse.title_ar')
                                                            <span class="text-danger">*</span></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="title_ar"
                                                            value="{{ old('title_ar', $warehouse->title_ar) }}"
                                                            class="form-control h-45 @if ($errors->has('title_ar')) is-invalid @endif"
                                                            required>
                                                        @error('title_ar')
                                                            <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-4">
                                                        <label for="title_en"> @lang('inventory::warehouse.title_en')
                                                            <span class="text-danger">*</span></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="text" name="title_en"
                                                            value="{{ old('title_en', $warehouse->title_en) }}"
                                                            class="form-control h-45 @if ($errors->has('title_en')) is-invalid @endif"
                                                            required>
                                                        @error('title_en')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <div class="d-flex align-items-center">
                                                            <label for="status">@lang('inventory::warehouse.status') <span
                                                                    class="text-danger">*</span></label>
                                                            <i class="bi bi-info-circle custom-tooltip mx-1"
                                                                title="@lang('inventory::warehouse.status_tooltip')"></i>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8">
                                                        @php
                                                            $isStopped = $warehouse->status == \Modules\Inventory\Enums\WarehouseStatusEnum::STOPPED;
                                                        @endphp
                                                        <select name="status" id="status"
                                                            class="js-example-basic-single selectpicker form-control form-element"
                                                            @if ($currentLang === 'ar') dir="rtl" @endif
                                                            @if ($isStopped) disabled @endif>

                                                            @foreach (\Modules\Inventory\Enums\WarehouseStatusEnum::STATUS_MAPPING as $status)
                                                                @if ($warehouse->is_main)
                                                                    @if ($status === \Modules\Inventory\Enums\WarehouseStatusEnum::ACTIVE)
                                                                        <option value="{{ $status }}"
                                                                            {{ request('status') == $status ? 'selected' : '' }}>
                                                                            {{ \Modules\Inventory\Enums\WarehouseStatusEnum::toString($status) }}
                                                                        </option>
                                                                    @endif
                                                                @else
                                                                    <option value="{{ $status }}"
                                                                        {{ old('status', $warehouse->status) == $status ? 'selected' : '' }}>
                                                                        {{ \Modules\Inventory\Enums\WarehouseStatusEnum::toString($status) }}
                                                                    </option>
                                                                @endif
                                                            @endforeach

                                                        </select>
                                                        @if ($isStopped)
                                                            <input type="hidden" name="status" value="{{ $warehouse->status }}">
                                                        @endif

                                                        <div id="stopped_feedback" class="text-danger mt-1"
                                                            style="display: none; font-size: 1rem;">
                                                            @lang('inventory::warehouse.warehouse_stopped_warning')

                                                        </div>

                                                        @error('status')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="is_main">@lang('inventory::warehouse.is_main_1')
                                                        </label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <input type="hidden" name="is_main" value="0">
                                                        @if ($warehouse->is_main)
                                                            <input type="checkbox" id="is_main" checked disabled>
                                                            <input type="hidden" name="is_main" value="1">
                                                        @else
                                                            <input type="checkbox" name="is_main" id="is_main"
                                                                value="1"
                                                                {{ old('is_main', $warehouse->is_main) ? 'checked' : '' }}
                                                                @if ($warehouse->status !== \Modules\Inventory\Enums\WarehouseStatusEnum::ACTIVE) disabled @endif>
                                                        @endif
                                                        <div id="is_main_feedback" class="text-warning mt-1"
                                                            style="display: none; font-size: 0.875rem;"></div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="parent_warehouse_id">@lang('inventory::warehouse.parent')
                                                        </label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="parent_warehouse_id" id="parent_warehouse_id"
                                                            class="js-example-basic-single selectpicker form-control form-element"
                                                            @if ($currentLang === 'ar') dir="rtl" @endif>
                                                            <option value=""></option>
                                                            @foreach ($warehouses as $parent_warehouse)
                                                                @if ($parent_warehouse->id === $warehouse->id)
                                                                    <option value="{{ $parent_warehouse->id }}" disabled
                                                                        {{ $parent_warehouse->id == old('parent_warehouse_id', $warehouse->parent_warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $parent_warehouse->title }}
                                                                    </option>
                                                                @else
                                                                    <option value="{{ $parent_warehouse->id }}"
                                                                        {{ $parent_warehouse->id == old('parent_warehouse_id', $warehouse->parent_warehouse_id) ? 'selected' : '' }}>
                                                                        {{ $parent_warehouse->title }}
                                                                    </option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        @error('parent_warehouse_id')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="address">@lang('inventory::warehouse.address')</label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <textarea name="address" id="address" rows="5" class="form-control @error('address') is-invalid @enderror"
                                                            placeholder="{{ $warehouse->address }}">{{ old('address', $warehouse->address) }}</textarea>
                                                        @error('address')
                                                            <span class="invalid-feedback text text-danger" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="cost_center_id">@lang('products::cost_center.Cost Center')
                                                            <span class="text-danger">*</span></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="cost_center_id" id="cost_center_id" disabled
                                                            class="js-example-basic-single selectpicker form-control form-element"
                                                            @if ($currentLang === 'ar') dir="rtl" @endif>
                                                            <option value="">
                                                                @lang('products::cost_center.main center')</option>
                                                            @foreach ($costCenters as $costCenter)
                                                                <option value="{{ $costCenter->id }}"
                                                                    {{ $costCenter->id == old('cost_center_id', $warehouse->cost_center_id) ? 'selected' : '' }}>
                                                                    {{ $costCenter->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('cost_center_id')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="row mb-1">
                                                    <div class="col-md-4">
                                                        <label for="account_id">@lang('inventory::warehouse.accounts')
                                                            <span class="text-danger">*</span></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="account_id" id="account_id" disabled
                                                            class="js-example-basic-single selectpicker form-control form-element"
                                                            @if ($currentLang === 'ar') dir="rtl" @endif>
                                                            @foreach ($inventoryAccounts as $inventoryAccount)
                                                                <option value="{{ $inventoryAccount->id }}"
                                                                    {{ $inventoryAccount->id == old('account_id', $warehouse->account_id) ? 'selected' : '' }}>
                                                                    {{ $inventoryAccount->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                        @error('account_id')
                                                            <span class="invalid-feedback" role="alert">
                                                                <p>{{ $message }}</p>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </section>
            </div>
        </form>
    </section>

    @include('sales::includes.redirect_popup')
    <script>
        gtag('event', 'web_inventory_warehouse_edit');
        console.log('web_inventory_warehouse_edit event');
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const isMainCheckbox = document.getElementById('is_main');
            const parentWarehouseSelect = document.getElementById('parent_warehouse_id');
            const feedbackDiv = document.getElementById('is_main_feedback');
            const statusSelect = document.getElementById('status');
            const statusFeedback = document.getElementById('stopped_feedback');
            const wasMain = {{ $warehouse->is_main ? 'true' : 'false' }};
            const originalStatus = '{{ $warehouse->status }}';
            const ACTIVE = '{{ \Modules\Inventory\Enums\WarehouseStatusEnum::ACTIVE }}';
            const STOPPED = '{{ \Modules\Inventory\Enums\WarehouseStatusEnum::STOPPED }}';

            //Disable the change of is_main if already main
            if (wasMain) {
                isMainCheckbox.disabled = true;
            }

            //Disabling parent warehouse if main is checked
            function toggleParentWarehouse() {
                if (isMainCheckbox.checked) {
                    parentWarehouseSelect.value = '';
                    $(parentWarehouseSelect).val('').trigger('change');
                    parentWarehouseSelect.disabled = true;
                } else {
                    parentWarehouseSelect.disabled = false;
                }
            }

            //Displaying warning message when chaning to main
            function handleMainCheckboxChange() {
                if (!wasMain && isMainCheckbox.checked) {
                    feedbackDiv.textContent = @json(__('inventory::warehouse.this_will_set_as_main_and_unset_previous'));
                    feedbackDiv.style.display = 'block';
                } else {
                    feedbackDiv.style.display = 'none';
                }
                toggleParentWarehouse();
            }


            //Toggling main checkbox when status is active
            function toggleIsMainAvailability() {
                const isActive = statusSelect.value === ACTIVE;
                const wasOriginallyActive = originalStatus === ACTIVE;

                if (!isActive && !wasOriginallyActive && !wasMain) {
                    isMainCheckbox.checked = false;
                    isMainCheckbox.disabled = true;
                } else if (!wasMain) {
                    isMainCheckbox.disabled = false;
                }
            }

            //Handle status change to toggle main checkbox
            function handleStatusChange() {
                const selectedStatus = statusSelect.value;
                const isBecomingMain = isMainCheckbox.checked && !wasMain;

                if (isBecomingMain && selectedStatus !== ACTIVE) {
                    alert(@json(__('inventory::warehouse.main_warehouse_must_be_active')));
                    statusSelect.value = ACTIVE;
                    $(statusSelect).trigger('change');
                    return;
                }

                if (selectedStatus === STOPPED) {
                    statusFeedback.style.display = 'block';
                    statusSelect.classList.add('border-danger');
                } else {
                    statusFeedback.style.display = 'none';
                    statusSelect.classList.remove('border-danger');
                }

                if (!wasMain) {
                    isMainCheckbox.disabled = selectedStatus !== ACTIVE;
                }
            }

            toggleParentWarehouse();
            toggleIsMainAvailability();
            handleStatusChange();

            if (!wasMain) {
                isMainCheckbox.addEventListener('change', handleMainCheckboxChange);
            }
            statusSelect.addEventListener('change', function() {
                toggleIsMainAvailability();
                handleStatusChange();
            });
        });
    </script>


@stop