@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.update', ['branch' => $branch->id]) }}" method="POST"
            class="pb-3 rounded card" id="editBranchForm">
            @csrf
            @method('put')

            <div class="card-header py-2 d-flex">
                <h4> @lang('warehouses/branches/create.edit_warehouses')</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="home"
                            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="profile"
                            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="taxes" 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->id }}" 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="{{ $branch->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="{{ $branch->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 value="" selected>  @lang('warehouses/branches/create.select_warehouse_type')</option>
                                    @foreach ($branch_types as $branch_type)
                                        <option value="{{ $branch_type->id }}"
                                            {{ $branch->branch_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="{{ $branch->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="{{ $branch->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="{{ $branch->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="{{ $branch->maximum_purchase_monthly }}" placeholder="{{__('warehouses/branches/create.monthly_purchase_limit')}}">
                            </div>
                        </div>

                        <div class="row align-items-center my-3">
                            <div class="col-3">
                                <label class="fw-bold">@lang('warehouses/branches/create.cost_center')</label>
                                <select name="cost_center_id">
                                    <option value="" disabled>@lang('warehouses/branches/create.select_cost_center')</option>

                                    @foreach ($cost_centers as $cost_center)
                                        <option value="{{ $cost_center->id }}"
                                            {{ $branch->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 $temp_branch)
                                        <option value="{{ $temp_branch->id }}"
                                            {{ $branch->copy_prices_from_branch_id == $temp_branch->id ? 'selected' : '' }}>
                                            {{ $temp_branch->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-6 d-flex">
                                <div class="me-3">
                                    <label for="status">@lang('warehouses/branches/create.active')</label>
                                    <input type="checkbox" name="status" id="status" class="custom-checkbox"
                                        {{ $branch->status ? '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" {{ $branch->is_temp ? 'checked' : '' }}>
                                </div>

                                <div class="me-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" {{ $branch->purchases_under_tax ? 'checked' : '' }}>
                                </div>

                                <div class="me-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" {{ $branch->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 }}"
                                            {{ $branch->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
                                        $leafAccounts = $branch_connection_code->account->getLeafSubAccounts();
                                        @endphp
                                        <tr>
                                            <td class="md-td">{{ $branch_connection_code->label }}</td>
                                            <td class="md-td">
                                                <select name="connected_account_{{ $branch_connection_code->code }}"
                                                    required>
                                                    <option value=""></option>
                                                    @php $selected_account = $branch->connections->filter(fn($item) => $item->pivot->code_id == $branch_connection_code->id)->first(); @endphp
                                                    @if (!empty($branch_connection_code->account->sub_accounts))
                                                        @foreach ($leafAccounts as $sub_account)
                                                            <option value="{{ $sub_account->id }}"
                                                                {{ $selected_account?->id == $sub_account->id ? 'selected' : '' }}>
                                                                {{ $sub_account->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </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">
                                            @php $selected_account = $branch->taxes_connections->filter(fn($item) => $item->tax_id == $tax->id)->first(); @endphp

                                            <select name="connected_tax[{{ $tax->id }}][purchases]">
                                                <option value=""></option>
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}"
                                                        {{ $selected_account?->purchases_account_id == $salesTaxDeposits_account->id ? 'selected' : '' }}>
                                                        {{ $salesTaxDeposits_account->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            @php $selected_account = $branch->taxes_connections->filter(fn($item) => $item->tax_id == $tax->id)->first(); @endphp
                                            <select name="connected_tax[{{ $tax->id }}][returned_purchases]">
                                                <option value=""></option>
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}"
                                                        {{ $selected_account?->returned_purchases_account_id == $salesTaxDeposits_account->id ? 'selected' : '' }}>
                                                        {{ $salesTaxDeposits_account->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            @php $selected_account = $branch->taxes_connections->filter(fn($item) => $item->tax_id == $tax->id)->first(); @endphp
                                            <select name="connected_tax[{{ $tax->id }}][sales]">
                                                <option value=""></option>
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}"
                                                        {{ $selected_account?->sales_account_id == $salesTaxDeposits_account->id ? 'selected' : '' }}>
                                                        {{ $salesTaxDeposits_account->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td class="sm-td">
                                            @php $selected_account = $branch->taxes_connections->filter(fn($item) => $item->tax_id == $tax->id)->first(); @endphp
                                            <select name="connected_tax[{{ $tax->id }}][returned_sales]">
                                                <option value=""></option>
                                                @foreach ($salesTaxDeposits_accounts as $salesTaxDeposits_account)
                                                    <option value="{{ $salesTaxDeposits_account->id }}"
                                                        {{ $selected_account?->returned_sales_account_id == $salesTaxDeposits_account->id ? 'selected' : '' }}>
                                                        {{ $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 }}"
                                                        {{ $selectedItems->contains($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 type="submit" class="btn orange-btn edit-branch-btn">@lang('general.edit')</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>