@extends('tenant.layouts.master')

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.general_settings') => route('tenant.settings.general.show-page', ['type' => 'company-information']),
            __('breadcrumb.general_settings') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.general.all-general-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">
            <ul class="settings-container nav nav-tabs custom-tabs" id="settingsTabs" role="tablist">
                @can('generalSettings-companyDefinition')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.show-page', ['type' => 'company-information']) }}"
                            class="nav-link {{ $activeTab == 'company-information' ? 'active' : '' }}" id="company-info-tab"
                            role="tab" aria-controls="company-info" aria-selected="true">
                            @lang('sidebar.company_information')
                        </a>
                    </li>
                @endcan

                @can('generalSettings-general')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.show-page', ['type' => 'general']) }}"
                            class="nav-link {{ $activeTab == 'general-settings' ? 'active' : '' }}" id="general-settings-tab"
                            role="tab" aria-controls="general-settings" aria-selected="false">
                            @lang('sidebar.general_settings')
                        </a>
                    </li>
                @endcan
                @can('generalSettings-fiscalYears')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.fiscal-years.index') }}"
                            class="nav-link {{ $activeTab == 'fiscal-years' ? 'active' : '' }}" id="fiscal-years-tab"
                            role="tab" aria-controls="fiscal-years" aria-selected="false">
                            @lang('sidebar.fiscal_years')
                        </a>
                    </li>
                @endcan
                @can('generalSettings-employees')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.employees.index') }}"
                            class="nav-link {{ $activeTab == 'employees' ? 'active' : '' }}" id="employees-tab" role="tab"
                            aria-controls="employees" aria-selected="false">
                            @lang('sidebar.employees')
                        </a>
                    </li>
                @endcan
                @can('generalSettings-receivableCategory')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.receivable-categories.index') }}"
                            class="nav-link {{ $activeTab == 'receivable-categories' ? 'active' : '' }}"
                            id="receivable-category-tab" role="tab" aria-controls="receivable-category"
                            aria-selected="false">
                            @lang('sidebar.receivable_categories')
                        </a>
                    </li>
                @endcan
                @can('generalSettings-receivablePaymentMethods')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.receivable-payment-methods.index') }}"
                            class="nav-link {{ $activeTab == 'payment-methods' ? 'active' : '' }}" id="payment-methods-tab"
                            role="tab" aria-controls="payment-methods" aria-selected="false">
                            @lang('sidebar.receivable_payment_methods')
                        </a>
                    </li>
                @endcan
                @can('generalSettings-employeesActionsLog')
                    <li class="nav-item" role="presentation">
                        <a href="{{ route('tenant.settings.general.actions-log.index') }}"
                            class="nav-link {{ $activeTab == 'employees-actions' ? 'active' : '' }}" id="actions-log-tab"
                            role="tab" aria-controls="actions-log" aria-selected="false">
                            @lang('sidebar.employees_actions')
                        </a>
                    </li>
                @endcan
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.general.general-banks.index') }}"
                        class="nav-link {{ $activeTab == 'banks' ? 'active' : '' }}" id="banks-tab" role="tab"
                        aria-controls="banks" aria-selected="false">
                        @lang('sidebar.customer_banks')
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.general.currencies.index') }}"
                        class="nav-link {{ $activeTab == 'currencies' ? 'active' : '' }}" id="currencies-tab"
                        role="tab" aria-controls="currencies" aria-selected="false">
                        @lang('sidebar.currencies')
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a href="{{ route('tenant.settings.general.print.index') }}"
                        class="nav-link {{ $activeTab == 'print' ? 'active' : '' }}" id="print-tab" role="tab"
                        aria-controls="print" aria-selected="false">
                        @lang('sidebar.print')
                    </a>
                </li>
            </ul>

            <div>
                @yield('settings-content')
            </div>
        </div>

@endsection