@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? 'Residuals',
        $subTitle ?? 'Manage Residuals',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="container-fluid mt-4">

    {{-- 7-Tab Navigation --}}
    <div class="project-box p-0 mb-3">
        <ul class="nav nav-tabs project-tab mb-30" id="manageTabs" role="tablist">
            @foreach($tabs as $tKey => $tLabel)
            <li class="nav-item" role="presentation">
                <a href="{{ route('residuals.residuals-management', ['tab' => $tKey, 'month' => $month, 'year' => $year]) }}">
                    <button class="nav-link {{ $activeTab === $tKey ? 'active' : '' }} waves-effect" type="button">
                        {{ $tLabel }}
                    </button>
                </a>
            </li>
            @endforeach
        </ul>
    </div>

    {{-- Tab Content --}}
    <div id="management-tab-content">
        @switch($activeTab)
            @case('templates')
                @include('admin.residuals.partials._mgmt-tab-templates')
                @break
            @case('buy-rates')
                @include('admin.residuals.partials._mgmt-tab-buy-rates')
                @break
            @case('manager-splits')
                @include('admin.residuals.partials._mgmt-tab-manager-splits')
                @break
            @case('users')
                @include('admin.residuals.partials._mgmt-tab-users')
                @break
            @case('group-splits')
                @include('admin.residuals.partials._mgmt-tab-group-splits')
                @break
            @case('group-templates')
                @include('admin.residuals.partials._mgmt-tab-group-templates')
                @break
            @case('bulk-actions')
                @include('admin.residuals.partials._mgmt-tab-bulk-actions')
                @break
            @default
                @include('admin.residuals.partials._mgmt-tab-templates')
        @endswitch
    </div>

</div>

{{-- Template Form Modal --}}
@include('admin.residuals.partials._modal-template-form')

@endsection

@push('page_script')
<script>
window.ResidualsMgmtConfig = {
    csrf: '{{ csrf_token() }}',
    month: {{ $month }},
    year: {{ $year }},
    processors: @json($processors),
    routes: {
        management: '{{ route("residuals.residuals-management") }}',
        templates: '{{ route("residuals.management.templates") }}',
        templateStore: '{{ route("residuals.management.templates.store") }}',
        templateShow: '{{ route("residuals.management.templates.show", ["id" => "__ID__"]) }}',
        templateUpdate: '{{ route("residuals.management.templates.update", ["id" => "__ID__"]) }}',
        templateDestroy: '{{ route("residuals.management.templates.destroy", ["id" => "__ID__"]) }}',
        buyRates: '{{ route("residuals.management.buy-rates") }}',
        buyRateStore: '{{ route("residuals.management.buy-rates.store") }}',
        managerOverrides: '{{ route("residuals.management.manager-overrides") }}',
        managerOverrideStore: '{{ route("residuals.management.manager-overrides.store") }}',
        users: '{{ route("residuals.management.users") }}',
        userToggle: '{{ route("residuals.management.users.toggle", ["id" => "__ID__"]) }}',
        groupSplits: '{{ route("residuals.management.group-splits") }}',
        groupSplitStore: '{{ route("residuals.management.group-splits.store") }}',
        groupTemplates: '{{ route("residuals.management.group-templates") }}',
        groupTemplateStore: '{{ route("residuals.management.group-templates.store") }}',
        bulkTemplate: '{{ route("residuals.management.bulk-template") }}',
    }
};
</script>
<script src="{{ asset('assets/js/residuals-management.js') }}?v={{ date('YmdHis') }}"></script>
@endpush