@section('style')
<link rel="stylesheet" href="{{ asset('css/layouts/custom-tabs.css')}}">
@endsection
<div>
    <section>
        <x-tenant.shared.backward-component :direct-to="__('warehouses/branches/create.branches')" link="/{{ $module }}/branches" />

        <form onsubmit="handleSubmit(event)" action="{{ route('tenant.' . $module . '.branches.store') }}" method="POST"
            class="pb-3 rounded card" id="addBranchForm">
            @csrf

            <div class="card-header py-2 d-flex">
                <h4> @lang('warehouses/branches/create.add_new_branch_warehouse')</h4>
            </div>

            <div class="card-body">
                <ul class="nav nav-tabs custom-tabs" id="branchTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="main-info-tab" data-bs-toggle="tab"
                            data-bs-target="#main-info" type="button" role="tab" aria-controls="main-info"
                            aria-selected="true">@lang('warehouses/branches/create.main_information')</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="accounts-tab" data-bs-toggle="tab" data-bs-target="#accounts"
                            type="button" role="tab" aria-controls="accounts"
                            aria-selected="false">@lang('warehouses/branches/create.accounts')</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="taxes-tab" data-bs-toggle="tab" data-bs-target="#taxes"
                            type="button" role="tab" aria-controls="taxtx" aria-selected="false">@lang('warehouses/branches/create.taxes')</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="items-tab" data-bs-toggle="tab" data-bs-target="#items"
                            type="button" role="tab" aria-controls="items" aria-selected="false">@lang('warehouses/branches/create.items')</button>
                    </li>
                </ul>

                <div class="tab-content" id="branchTabContent">
                    <div class="tab-pane fade show active" id="main-info" role="tabpanel"
                        aria-labelledby="main-info-tab">
                        <div class="row my-3">
                            <div class="col-3">
                                <label for="name" class="rs fw-bold">@lang('warehouses/branches/create.warehouse_number') </label>
                                <input type="text" class="form-control" value="{{ $branch_number }}" required
                                    disabled>
                            </div>

                            <div class="col-3">
                                <label for="name" class="rs fw-bold">@lang('warehouses/branches/create.warehouse_name')</label>
                                <input type="text" class="form-control" id="name" name="name"
                                    value="{{ request()->old('name') }}" placeholder="{{__('warehouses/branches/create.warehouse_name')}}" required>
                            </div>

                            <div class="col-3">
                                <label for="responsible_name" class=" fw-bold">@lang('warehouses/branches/create.responsible_name')</label>
                                <input type="text" class="form-control" id="responsible_name" name="responsible_name"
                                    value="{{ request()->old('responsible_name') }}" placeholder="{{__('warehouses/branches/create.responsible_name')}}">
                            </div>

                            <div class="col-3">
                                <div class="d-flex justify-content-between">
                                    <label class="fw-bold">@lang('warehouses/branches/create.warehouse_type')</label>
                                    <button class="btn btn-sm p-0 hot-insert-btn" type="button" data-bs-toggle="modal"
                                        data-bs-target="#addBranchTypeModal">
                                        @lang('warehouses/branches/create.add_new_type')
                                    </button>
                                </div>

                                <select name="type_id">
                                    <option disabled value="">@lang('warehouses/branches/create.select_warehouse_type')</option>
                                    @foreach ($branch_types as $branch_type)
                                        <option value="{{ $branch_type->id }}"
                                            {{ request()->old('type_id') == $branch_type->id ? 'selected' : '' }}>
                                            {{ $branch_type->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row my-3">
                            <div class="col-3">
                                <label for="address" class="fw-bold">@lang('warehouses/branches/create.address')</label>
                                <input type="text" class="form-control" id="address" name="address"
                                    value="{{ request()->old('address') }}" placeholder="{{__('warehouses/branches/create.address')}}">
                            </div>

                            <div class="col-3">
                                <label for="phone" class="fw-bold">@lang('warehouses/branches/create.phone_number')</label>
                                <input type="text" class="form-control" id="phone" name="phone"
                                    value="{{ request()->old('phone') }}" placeholder="{{__('warehouses/branches/create.phone_number')}}">
                            </div>

                            <div class="col-3">
                                <label for="fax" class="fw-bold">@lang('warehouses/branches/create.fax')</label>
                                <input type="text" class="form-control" id="fax" name="fax"
                                    value="{{ request()->old('fax') }}" placeholder="{{__('warehouses/branches/create.fax')}}">
                            </div>

                            <div class="col-3">
                                <label for="maximum_purchase_monthly" class="fw-bold">@lang('warehouses/branches/create.monthly_purchase_limit')</label>
                                <input type="number" step=".001" class="form-control"
                                    id="maximum_purchase_monthly" name="maximum_purchase_monthly"
                                    value="{{ request()->old('maximum_purchase_monthly') }}"
                                    placeholder="{{__('warehouses/branches/create.monthly_purchase_limit')}}">
                            </div>
                        </div>

                        <div class="row my-3 align-items-center">
                            <div class="col-3 mb-3">
                                <label class="fw-bold">@lang('warehouses/branches/create.cost_center')</label>
                                <select name="cost_center_id">
                                    <option disabled value="">@lang('warehouses/branches/create.select_cost_center')</option>
                                    @foreach ($cost_centers as $cost_center)
                                        <option value="{{ $cost_center->id }}"
                                            {{ request()->old('cost_center_id') == $cost_center->id ? 'selected' : '' }}>
                                            {{ $cost_center->ar_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-3 mb-3">
                                <label class="fw-bold">@lang('warehouses/branches/create.copy_prices_from_branch') </label>
                                <select name="copy_prices_from_branch">
                                    <option disabled selected value="">@lang('warehouses/branches/create.select_branch_to_copy_prices') </option>
                                    @foreach ($branches as $branch)
                                        <option value="{{ $branch->id }}"
                                            {{ request()->old('copy_prices_from_branch') == $branch->id ? 'selected' : '' }}>
                                            {{ $branch->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-6 d-flex">
                                <div class="mx-3">
                                    <label for="status">@lang('warehouses/branches/create.active')</label>
                                    <input type="checkbox" name="status" id="status" value="1"
                                        class="custom-checkbox"
                                        {{ old('status') == '' || old('status') == '1' ? 'checked' : '' }}>
                                </div>

                                <div class="mx-3">
                                    <label for="is_temp">@lang('warehouses/branches/create.exhibition_temporary')</label>
                                    <input type="checkbox" name="is_temp" id="is_temp" value="1"
                                        class="custom-checkbox" {{ old('is_temp') == '1' ? 'checked' : '' }}>
                                </div>

                                <div class="mx-3">
                                    <label for="purchases_under_tax">@lang('warehouses/branches/create.purchases_subject_to_tax')</label>
                                    <input type="checkbox" name="purchases_under_tax" id="purchases_under_tax"
                                        class="custom-checkbox"
                                        {{ request()->old('purchases_under_tax') ? 'checked' : '' }}>
                                </div>

                                <div class="mx-3">
                                    <label for="sales_under_tax">@lang('warehouses/branches/create.sales_subject_to_tax')</label>
                                    <input type="checkbox" name="sales_under_tax" id="sales_under_tax"
                                        class="custom-checkbox"
                                        {{ request()->old('sales_under_tax') ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>

                        <div class="row my-3 align-items-center">
                            <div class="col-3 mb-3">
                                <label class="fw-bold"> @lang('warehouses/branches/create.change_branch_tax_rate_on_sales_invoices')</label>
                                <select name="sales_tax_id">
                                    <option disabled value="" selected>لا</option>
                                    @foreach ($taxes as $tax)
                                        <option value="{{ $tax->id }}"
                                            {{ request()->old('sales_tax_id') == $tax->id ? 'selected' : '' }}>
                                            {{ $tax->value }}%
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="accounts" role="tabpanel" aria-labelledby="accounts-tab">
                        <div>
                            <table class="table table-striped table-bordered without-herotable">
                                <thead>
                                    <tr>
                                        <th class="md-td">@lang('warehouses/branches/create.section_name')</th>
                                        <th class="md-td">@lang('warehouses/branches/create.account')</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($branch_connection_codes as $branch_connection_code)
                                        @php
                                            $input_name = 'connected_account_' . $branch_connection_code->code;
                                            $old_value =
                                                old($input_name) ??
                                                $branch_connection_code->account->sub_accounts[0]->id;

                                                $leafAccounts = $branch_connection_code->account->getLeafSubAccounts();
                                        @endphp
                                        <tr>
                                            <td class="md-td">{{ $branch_connection_code->label }}</td>
                                            <td class="md-td">
                                                <select name="{{ $input_name }}" required>
                                                    <option value=""></option>
                                                    @foreach ($leafAccounts as $sub_account)
                                                        <option value="{{ $sub_account->id }}"
                                                            {{ $old_value == $sub_account->id ? 'selected' : '' }}>
                                                            {{ $sub_account->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="tab-pane fade" id="taxes" role="tabpanel" aria-labelledby="taxes-tab">
                        <table class="table table-bordered table-striped without-herotable">
                            <thead>
                                <tr>
                                    <th class="sm-td">@lang('warehouses/branches/create.tax')</th>
                                    <th class="sm-td">@lang('warehouses/branches/create.purchases')</th>
                                    <th class="sm-td">@lang('warehouses/branches/create.purchase_returns')</th>
                                    <th class="sm-td">@lang('warehouses/branches/create.sales')</th>
                                    <th class="sm-td">@lang('warehouses/branches/create.sales_returns')</th>
                                </tr>
                            </thead>

                            <tbody>
                                @forelse ($taxes as $tax)
                                    <tr>
                                        <td class="sm-td">{{ $tax->value }}</td>
                                        <td class="sm-td">
                                            <select name="connected_tax[{{ $tax->id }}][purchases]">
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}">
                                                        {{ $salesTaxDeposits_account->name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            <select name="connected_tax[{{ $tax->id }}][returned_purchases]">
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}">
                                                        {{ $salesTaxDeposits_account->name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            <select name="connected_tax[{{ $tax->id }}][sales]">
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}">
                                                        {{ $salesTaxDeposits_account->name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            <select name="connected_tax[{{ $tax->id }}][returned_sales]">
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}">
                                                        {{ $salesTaxDeposits_account->name }}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="100%">@lang('warehouses/branches/create.no_taxes_yet')</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane fade" id="items" role="tabpanel" aria-labelledby="items-tab">
                        <div style="height: 100vh; overflow:auto">
                            <v-table>
                                <table
                                    class="table table-bordered table-striped mt-3 no-fixed-layout sticky-table items-table"
                                    id="back-table">
                                    <thead>
                                        <tr>
                                            <th class="sm-td">
                                                <label for="all-items">@lang('general.all')</label>
                                                <input type="checkbox" class="custom-checkbox select-all-items-btn disabled-search"
                                                    id="all-items" checked>
                                            </th>
                                            <th class="sm-td">@lang('warehouses/branches/create.item_name_arabic')</th>
                                            <th class="sm-td">@lang('warehouses/branches/create.item_name_english')</th>
                                            <th class="sm-td">@lang('warehouses/branches/create.family')</th>
                                            <th class="sm-td">@lang('warehouses/branches/create.general_classification')</th>
                                        </tr>
                                    </thead>

                                    <tbody id="items-data-table">
                                        @foreach ($items as $item)
                                            <tr>
                                                <td>
                                                    <input type="checkbox" name="items[]" class="custom-checkbox item-checkbox"
                                                        value="{{ $item->id }}" checked>
                                                </td>
                                                <td>{{ $item->ar_name }}</td>
                                                <td>{{ $item->en_name }}</td>
                                                <td>{{ $item->category->name }}</td>
                                                <td>{{ $item->general_classification->ar_name ?? '--' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </v-table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="text-center">
                <button class="btn orange-btn add-branch-btn">@lang('general.add')</button>
            </div>
        </form>

        {{-- Add branch type modal --}}
        <div class="modal fade" id="addBranchTypeModal" tabindex="-1" aria-labelledby="addBranchTypeModal"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="addBranchTypeModal">@lang('warehouses/branches/create.add_new_type')</h5>
                        <button type="button" class="btn-close mx-0" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('tenant.warehouses.branch_types.store') }}" method="POST"
                            id="addBranchTypeForm">
                            @csrf
                            <div class="form-group">
                                <label for="name" class="rs">@lang('warehouses/branches/create.name')</label>
                                <input type="text" class="form-control" id="name" name="name"
                                    value="{{ request()->old('name') }}" placeholder="{{__('warehouses/branches/create.name')}}" required>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button class="btn orange-btn" form="addBranchTypeForm">@lang('general.add')</button>
                        <button type="button" class="btn white-btn" data-bs-dismiss="modal">@lang('general.close')</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>