@php($tab = $tab ?? 'my-tickets')
{{-- Summary Sections Above Main Listing --}}
@if(!empty($statusUpdateSummary['rows']))
<div class="row mb-3">
    <div class="col-12 col-lg-7 mb-3 mb-lg-0">
        <div class="project-box h-100">
            <x-heading-sec :module="'Ticket Status Updated'" :options="$headingOptions1 ?? []" />
            <div class="table-responsive project-table">
                <table class="{{ \Config::get('view.table.table_class') }}">
                    <thead>
                        <tr>
                            <th>Status</th>
                            @foreach($statusUpdateSummary['labels'] as $lk=>$lv)
                                <th>{{ $lv }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($statusUpdateSummary['rows'] as $row)
                            <tr>
                                <td>{{ $row['name'] }}</td>
                                @foreach($statusUpdateSummary['labels'] as $lk=>$lv)
                                    <td>{{ $row[$lk] }}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-12 col-lg-5">
        <div class="project-box">
            <x-heading-sec :module="'Ticket Due Date Status'" :options="[]" />
            <div class="row align-items-center">
                <div class="col-md-6 order-md-1">
                    <div id="ticketDueStatusPie" class="mb-2" data-chart='@json($dueDateStatusSummary['chart'] ?? [])'></div>
                </div>
                <div class="col-md-6 order-md-2">
                    <div class="table-responsive project-table">
                        <table class="{{ \Config::get('view.table.table_class') }}" id="dueDateStatusTable">
                            <thead>
                                <tr>
                                    <th>Status</th>
                                    <th>Lifetime</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach(($dueDateStatusSummary['rows'] ?? []) as $drow)
                                    <tr data-key="{{ $drow['key'] }}" data-color="{{ $drow['color'] }}">
                                        <td>
                                            <div class="square-switchs d-flex gap-2 align-items-center">
                                                <input type="checkbox" name="due_date_statuses[]" value="{{ $drow['key'] }}" id="due-status-{{ $drow['key'] }}" class="enable_days" switch="dark" checked data-toggle-segment="" data-segment="{{ $drow['key'] }}" />
                                                <label for="due-status-{{ $drow['key'] }}" data-on-label="" data-off-label="" class="mb-0"></label>
                                                <span class="ms-2">{{ $drow['name'] }}</span>
                                            </div>
                                        </td>
                                        <td>{{ $drow['lifetime'] }}</td>
                                    </tr>
                                @endforeach
                                @php($total = collect($dueDateStatusSummary['rows'] ?? [])->sum('lifetime'))
                                <tr class="fw-bold">
                                    <td>Total</td>
                                    <td>{{ $total }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="$module" :options="$headingOptions" />
        <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>