@php($headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    $title ?? '',
    $subTitle ?? '',
    [],
    []
))
@php($mainHeadingOptions = [
    '<a href="'. route('orders.create') .'" class="'. \Config::get('view.buttons.primary') .'"><i class="'. \Config::get('settings.icon_add') .'" ></i> New Order</a>'
])
@extends('admin.layouts.layout', $headerOption)
@section('content')

{{-- Header & Status Tabs --}}
<div class="col-12 mb-3">
    <div class="project-box">
        <x-heading-sec :module="'Equipment Orders'" :options="$mainHeadingOptions" />
        <ul class="nav nav-tabs project-tab mb-30" id="orderTabs" 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('orders.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('orders.index', ['tab' => $sid]) }}">
                    {{ $s['name'] }} <span class="badge bg-{{ $s['badge'] }} ms-1">{{ $tabCounts[$sid] ?? 0 }}</span>
                </button>
            </li>
            @endforeach
        </ul>

        {{-- Search --}}
        <div class="row mb-3">
            <div class="col-lg-4 col-md-6 col-12">
                <div class="project-form w-100 mb-0">
                    <input type="text" class="form-control" id="orderSearchInput"
                           placeholder="Search by tracking number, lead name..."
                           value="{{ request('search', '') }}">
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Table Content --}}
<div class="col-12" id="ordersTableContainer">
    @include('admin.orders.partials.table_view')
</div>

@endsection

@push('page_script')
<script src="{{ asset('assets/js/orders.js') }}?v={{ date('YmdHis') }}"></script>
@endpush