@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.warehouses_settings') => route('tenant.settings.warehouses.bonds.index'),
            __('breadcrumb.warehouses_settings') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.warehouses.all-warehouses-settings'])
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('css/layouts/tabs.css') }}">
@endsection

@section('content')
    @php
        $activeTab = $activeTab ?? 'default-tab';
    @endphp

    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <div class="tabs-wrapper">
        <div class="scroll-icon right" onclick="scrollTabs(1)">
            <i class="fa fa-chevron-right"></i>
        </div>
        <ul class="settings-container nav nav-tabs custom-tabs" id="warehousesSettingsTabs" role="tablist">
            @can('warehousesSettings')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.bonds.index') }}"
                        class="nav-link {{ $activeTab == 'bonds' ? 'active' : '' }}">
                        @lang('sidebar.bonds')
                    </a>
                </li>
            @endcan

            @can('warehousesSettings-warehousesUnits')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.units.index') }}"
                        class="nav-link {{ $activeTab == 'warehouses-units' ? 'active' : '' }}">
                        @lang('sidebar.warehouses_units')
                    </a>
                </li>
            @endcan

            @can('warehousesSettings-warehousesItemSizes')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.item-size-types.index') }}"
                        class="nav-link {{ $activeTab == 'warehouses-item-sizes' ? 'active' : '' }}">
                        @lang('sidebar.warehouses_item_size')
                    </a>
                </li>
            @endcan

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.general-items-settings.index') }}"
                    class="nav-link {{ $activeTab == 'general-items-settings' ? 'active' : '' }}">
                    @lang('sidebar.general_items_settings')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.general-item-classification.index') }}"
                    class="nav-link {{ $activeTab == 'general-item-classification' ? 'active' : '' }}">
                    @lang('sidebar.general_item_classification')
                </a>
            </li>

            @can('warehousesSettings-barcodePriceTypes')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.barcode-price-types.index') }}"
                        class="nav-link {{ $activeTab == 'barcode-price-types' ? 'active' : '' }}">
                        @lang('sidebar.price_types')
                    </a>
                </li>
            @endcan

            @can('warehousesSettings-warehousesEntryBondTypes')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.entry-bond-types.index') }}"
                        class="nav-link {{ $activeTab == 'entry-bond-types' ? 'active' : '' }}">
                        @lang('sidebar.entry_bond_types')
                    </a>
                </li>
            @endcan

            @can('warehousesSettings-warehousesOutBondTypes')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.out-bond-types.index') }}"
                        class="nav-link {{ $activeTab == 'out-bond-types' ? 'active' : '' }}">
                        @lang('sidebar.warehouses_out_bond_types')
                    </a>
                </li>
            @endcan

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.returned-purchase-bond-types.index') }}"
                    class="nav-link {{ $activeTab == 'returned-purchase-bond-types' ? 'active' : '' }}">
                    @lang('sidebar.returned_purchase_types')
                </a>
            </li>

            @can('warehousesSettings-warehousesManufacturingBonds')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.manufacturing-bonds.index') }}"
                        class="nav-link {{ $activeTab == 'manufacturing-bonds' ? 'active' : '' }}">
                        @lang('sidebar.manufacturing_bonds')
                    </a>
                </li>
            @endcan

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.purchase-invoices.index') }}"
                    class="nav-link {{ $activeTab == 'purchase-invoices' ? 'active' : '' }}">
                    @lang('sidebar.purchase_invoices')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.sales-invoices.index') }}"
                    class="nav-link {{ $activeTab == 'sales-invoices' ? 'active' : '' }}">
                    @lang('sidebar.sales_invoices')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.print-bond-templates') }}"
                    class="nav-link {{ $activeTab == 'print-bond-templates' ? 'active' : '' }}">
                    @lang('sidebar.print_templates')
                </a>
            </li>

            @can('warehousesSettings-paymentTerms')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.payment-terms.index') }}"
                        class="nav-link {{ $activeTab == 'payment-terms' ? 'active' : '' }}">
                        @lang('sidebar.payment_terms')
                    </a>
                </li>
            @endcan

            @can('warehousesSettings-deliveryTerms')
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.warehouses.delivery-terms.index') }}"
                        class="nav-link {{ $activeTab == 'delivery-terms' ? 'active' : '' }}">
                        @lang('sidebar.delivery_terms')
                    </a>
                </li>
            @endcan

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.purchase-order-conditions.index') }}"
                    class="nav-link {{ $activeTab == 'purchase-order-conditions' ? 'active' : '' }}">
                    @lang('sidebar.purchase_order_conditions')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.sales-order-conditions.index') }}"
                    class="nav-link {{ $activeTab == 'sales-order-conditions' ? 'active' : '' }}">
                    @lang('sidebar.sales_order_conditions')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.sales-price-offers-conditions.index') }}"
                    class="nav-link {{ $activeTab == 'sales-price-offers-conditions' ? 'active' : '' }}">
                    @lang('sidebar.sales_price_offers_conditions')
                </a>
            </li>
            
            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.drivers.index') }}"
                    class="nav-link {{ $activeTab == 'drivers' ? 'active' : '' }}">
                    @lang('sidebar.drivers')
                </a>
            </li>

            <li class="nav-item" role="presentation">
                <a href="{{ route('tenant.settings.warehouses.warehouses-signatures.index') }}"
                    class="nav-link {{ $activeTab == 'signatures' ? 'active' : '' }}">
                    @lang('sidebar.signatures')
                </a>
            </li>

        </ul>
        <div class="scroll-icon left" onclick="scrollTabs(-1)">
            <i class="fa fa-chevron-left"></i>
        </div>
        </div>

        <div>
            @yield('warehouses-settings-content')
        </div>
    </div>
    <script>
         document.addEventListener('DOMContentLoaded', function () {
        const activeTab = document.querySelector('.custom-tabs .nav-link.active');
        if (activeTab) {
            activeTab.scrollIntoView({
                behavior: 'smooth', 
            });
        }
    });
        function scrollTabs(direction) {
            const container = document.querySelector('.custom-tabs');
            const scrollAmount = 200;
            container.scrollLeft += direction * scrollAmount;
        }
    </script>
@endsection