@php(
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? '',
        $subTitle ?? '',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    )
)

@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="container-fluid" id="leads-index-root" data-active-tab="{{ $activeTab ?? 'total' }}" data-view-mode="{{ $viewMode }}">
    <div class="main_title d-flex justify-content-between align-items-center">
        <h2>My Leads</h2>
        <div class="grid_viewlistview ms-auto">
            <ul class="d-flex align-items-center" id="viewModeToggle">
                <li>
                    <a href="#" data-view="table" class="{{ $viewMode==='table' ? 'active' : '' }}"> <i class="bx bx-grid-alt"></i> Table</a>
                </li>
                <li>
                    <a href="#" data-view="list" class="{{ $viewMode==='list' ? 'active' : '' }}"> <i class="bx bx-list-ul"></i> List</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="leads_tabs">
        <div id="lead-tabs-wrapper">
            @include('admin.leads.partials.tabs', ['tabs' => $tabs, 'activeTab' => $activeTab])
        </div>
        <div class="tab-content mt-3" id="leadTabContent">
            <div class="tab-pane fade active show">
                @if($viewMode==='list')
                    @include('admin.leads.partials.list_view')
                @else
                    @include('admin.leads.partials.table_view', ['module' => '', 'headingOptions' => $headingOptions, 'headers' => $headers])
                @endif
            </div>
        </div>
    </div>
</div>
@endsection
@push('page_script')
    <script src="{{ asset('assets/js/common.js') }}"></script>
    <script src="{{ asset('assets/js/leads.js') }}"></script>
@endpush