@extends('tenant.layouts.master')

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

@section('content')
@php
    $activeTab = $activeTab ?? 'default-tab';
@endphp
@can('representatives')
<div class="inner-content-layout form-bg-color p-4 rounded-form">
    <ul class="nav nav-tabs custom-tabs" id="accountingSettingsTabs" role="tablist">
        @can('representatives-representatives')
            <li class="nav-item">
                <a href="{{ route('tenant.representatives.representatives.index') }}" class="nav-link {{ $activeTab == 'representatives' ? 'active' : '' }}">
                    @lang('sidebar.representatives')
                </a>
            </li>
        @endcan
            {{-- <li class="nav-item">
                <a href="{{ route('tenant.representatives.representatives.create') }}" class="nav-link {{ $activeTab == 'representatives_create' ? 'active' : '' }}">
                    @lang('sidebar.representatives_create')
                </a>
            </li> --}}
        
        {{-- @can('representatives-shipmentBonds')
            <li class="nav-item">
                <a href="{{ route('tenant.representatives.shipment-bonds.index') }}" class="nav-link {{ $activeTab == 'shipment-bonds' ? 'active' : '' }}">
                    @lang('sidebar.shipments')
                </a>
            </li>
        @endcan --}}
    </ul>

    <div class="tab-content custom-tab-content">
        @yield('content-field')
    </div>
</div>
@endcan
@endsection