@php($headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    $title ?? '',
    $subTitle ?? '',
    isset($filters) ? $filters : [],
    isset($advancedFilters) ? $advancedFilters : []
))
@php($headingOptions = [
    \App\Helpers\Helper::configureColumnFilter('TurboAppController', 'index'),
    '<button type="button" class="green-btn-inner waves-effect" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRightAdvancedPrimary" aria-controls="offcanvasRightAdvancedPrimary"><i class="bx bx-filter-alt"></i> Filter <span class="filter-counter" data-filter-id="primary">(0)</span></button>',
    '<div class="search-field"><input type="text" class="form-control pr-45 module-search" placeholder="Search DBA or MID" value="'. e(request()->input('search_text')) .'">'. ((request()->has('search_text') && request()->input('search_text')) ? '<i class="'. \Config::get('settings.icon_cross') .' search-clear-icon"></i>' : '<i class="'. \Config::get('settings.icon_search') .'"></i>') .'</div>',
    ($permission['create'] ?? false) ? '<a href="'. route('turbo-app.create') .'" class="'. \Config::get('view.buttons.primary') .'"><i class="'. \Config::get('settings.icon_add') .'" ></i> New Application</a>' : '',
])
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="$module" :options="$headingOptions" />

        {{-- Status Tabs --}}
        <ul class="nav nav-tabs project-tab mb-30" id="turboAppTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link {{ $activeTab === 'all' ? 'active' : '' }} waves-effect"
                        type="button" role="tab"
                        data-tab-key="all"
                        data-tab-url="{{ route('turbo-app.index', ['tab' => 'all']) }}">
                    All <span class="badge bg-secondary ms-1">{{ $tabCounts['all'] ?? 0 }}</span>
                </button>
            </li>
            @foreach($statuses as $sid => $s)
            <li class="nav-item" role="presentation">
                <button class="nav-link {{ $activeTab == $sid ? 'active' : '' }} waves-effect"
                        type="button" role="tab"
                        data-tab-key="{{ $sid }}"
                        data-tab-url="{{ route('turbo-app.index', ['tab' => $sid]) }}">
                    {{ $s['name'] }} <span class="badge bg-{{ $s['badge'] }} ms-1">{{ $tabCounts[$sid] ?? 0 }}</span>
                </button>
            </li>
            @endforeach
        </ul>

        <div class="table-responsive project-table">
            <table id="datatable" class="{{ \Config::get('view.table.table_class') }}">
                @include('admin.components.form-header-fields')
                @include('admin.components.form-data-fields')
            </table>
        </div>
    </div>

    @include('admin.components.pagination')
</div>
@endsection
@push('page_script')
<script src="{{ asset('assets/js/common.js') }}"></script>
<script>
(function () {
    // Tab switching
    $(document).on('click', '[data-tab-key]', function () {
        var url = $(this).data('tab-url');
        if (url) { window.location.href = url; }
    });
})();
</script>
@endpush