@extends('layouts.mainlayout')
@section('fullwidth', true)
@section('content')
@php
    $canColumn = function ($key) { return Auth::user()->canSeeElement("summary", "columns", $key); };
    $visibleColumnCount = collect(["date", "direction", "location", "staff", "route", "transport", "status"])->filter($canColumn)->count();
    $sortUrl = function ($column) use ($sort, $sortDirection) {
        $nextDirection = $sort === $column && $sortDirection === 'asc' ? 'desc' : 'asc';
        return request()->fullUrlWithQuery(['sort' => $column, 'direction' => $nextDirection, 'page' => null]);
    };
    $statusMap = [
        1 => ['Ticketed', 'is-ticketed'],
        2 => ['In progress', 'is-progress'],
        3 => ['Arrived', 'is-arrived'],
        4 => ['Issue', 'is-issue'],
    ];
    $transportLabel = function ($row) {
        $airportFrom = trim((string) $row->airport_from);
        $airportWhere = trim((string) $row->airport_where);
        if ($airportFrom !== '' && $airportWhere !== '' && $airportFrom !== '0' && $airportWhere !== '0') {
            return $airportFrom.' – '.$airportWhere;
        }
        $bus = (string) $row->bus;
        if (isset($bus[0]) && $bus[0] === '3') return 'Own cost';
        if (isset($bus[0]) && $bus[0] === '4') return 'Bus';
        if (isset($bus[0]) && in_array($bus[0], ['1', '2'], true)) return 'Airplane';
        return 'Not specified';
    };
@endphp
<main class="smarthr-summary-page" aria-labelledby="summary-page-title">
    <header class="smarthr-employees-page-header">
        <div>
            <h1 id="summary-page-title">Transit summary</h1>
            <p>The operational data used by the general transit summary email.</p>
        </div>
        <span class="smarthr-employees-count">{{ number_format($summaryRows->total()) }} records</span>
    </header>

    <section class="card smarthr-summary-filter-card" aria-label="Summary filters">
        <div class="card-header smarthr-summary-card-header">
            <div><span class="smarthr-employees-header-icon"><i class="fas fa-filter"></i></span><span>Search and filter</span></div>
        </div>
        <div class="card-body smarthr-summary-filter-body">
            <form method="get" action="{{ route('transit_summary') }}" class="smarthr-summary-filters">
                @foreach($selectedDates as $selectedDate)<input type="hidden" name="dates[]" value="{{ $selectedDate }}">@endforeach
                <div class="smarthr-summary-search-field">
                    <label for="summary-search">Search</label>
                    <div class="smarthr-summary-input-icon"><i class="fas fa-search"></i><input id="summary-search" class="form-control" type="search" name="search" value="{{ $search }}" placeholder="Name, farm, route or airport"></div>
                </div>
                <div>
                    <label for="summary-date-from">From</label>
                    <input id="summary-date-from" class="form-control" type="date" name="date_from" value="{{ $dateFrom }}">
                </div>
                <div>
                    <label for="summary-date-to">To</label>
                    <input id="summary-date-to" class="form-control" type="date" name="date_to" value="{{ $dateTo }}">
                </div>
                <div class="smarthr-summary-filter-actions">
                    @if(Auth::user()->canSeeElement("summary", "buttons", "apply_filter"))<button class="btn smarthr-summary-apply" type="submit"><i class="fas fa-filter"></i> Apply</button>@endif
                    @if(Auth::user()->canSeeElement("summary", "buttons", "reset_filter") && ($search !== '' || $dateFrom !== '' || $dateTo !== '' || $selectedDates))
                        <a class="btn smarthr-summary-reset" href="{{ route('transit_summary') }}">Reset</a>
                    @endif
                </div>
            </form>
        </div>
    </section>

    <section class="card smarthr-summary-results-card">
        <div class="card-header smarthr-summary-card-header">
            <div><span class="smarthr-employees-header-icon"><i class="fas fa-clipboard-list"></i></span><span>General summary</span></div>
        </div>
        <div class="table-responsive">
            <table class="table smarthr-summary-table">
                <thead><tr>@foreach(['date'=>'Date','direction'=>'Direction','location'=>'Location','staff'=>'Staff','route'=>'Route','transport'=>'Transport','status'=>'Status'] as $columnKey=>$columnLabel)@if($canColumn($columnKey))<th class="{{ $sort === $columnKey ? ($sortDirection === 'asc' ? 'sorting_asc' : 'sorting_desc') : 'sorting' }}" aria-sort="{{ $sort === $columnKey ? ($sortDirection === 'asc' ? 'ascending' : 'descending') : 'none' }}">@if($columnKey === 'date')<div class="smarthr-summary-date-heading"><a class="smarthr-summary-sort" href="{{ $sortUrl($columnKey) }}">{{ $columnLabel }}</a><button class="smarthr-summary-date-filter-trigger{{ $selectedDates ? ' is-active' : '' }}" type="button" aria-label="Filter dates" aria-haspopup="dialog" aria-expanded="false"><i class="fas fa-filter"></i></button></div>@else<a class="smarthr-summary-sort" href="{{ $sortUrl($columnKey) }}">{{ $columnLabel }}</a>@endif</th>@endif @endforeach</tr></thead>
                <tbody>
                @forelse($summaryRows as $row)
                    @php
                        $isArrival = $row->from === 'Home';
                        $isDeparture = $row->where === 'Home';
                        $direction = $isArrival ? 'Arrival' : ($isDeparture ? 'Departure' : 'Transfer');
                        $location = $isArrival ? $row->where : ($isDeparture ? $row->from : $row->where);
                        [$statusLabel, $statusClass] = $statusMap[(int) $row->status] ?? ['Unknown', 'is-muted'];
                    @endphp
                    <tr>
                        @if($canColumn("date"))<td data-label="Date"><strong>{{ $row->arrival_date }}</strong></td>@endif
                        @if($canColumn("direction"))<td data-label="Direction"><span class="smarthr-summary-direction is-{{ strtolower($direction) }}">{{ $direction }}</span></td>@endif
                        @if($canColumn("location"))<td data-label="Location">{{ $location }}</td>@endif
                        @if($canColumn("staff"))<td data-label="Staff">{{ trim($row->firstname.' '.$row->lastname) ?: 'Unknown staff' }}</td>@endif
                        @if($canColumn("route"))<td data-label="Route">{{ $row->from }} <i class="fas fa-long-arrow-alt-right"></i> {{ $row->where }}</td>@endif
                        @if($canColumn("transport"))<td data-label="Transport">{{ $transportLabel($row) }}</td>@endif
                        @if($canColumn("status"))<td data-label="Status">
                            <span class="smarthr-summary-status {{ $statusClass }}">{{ $statusLabel }}</span>
                            @if(($row->lifecycle_status ?? null) === 'modified')
                                <span class="smarthr-summary-status is-warning" title="New date: {{ $row->modified_to_date ?: $row->arrival_date }}"><i class="fas fa-exclamation-triangle"></i> Modified</span>
                            @endif
                        </td>@endif
                    </tr>
                @empty
                    <tr><td colspan="{{ max(1, $visibleColumnCount) }}" class="smarthr-summary-empty"><i class="fas fa-inbox"></i><strong>No summary records found</strong><span>Change the search term or date interval.</span></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        @if($summaryRows->hasPages())
            <footer class="smarthr-summary-pagination">
                <span>Showing {{ $summaryRows->firstItem() }}–{{ $summaryRows->lastItem() }} of {{ $summaryRows->total() }}</span>
                {{ $summaryRows->links() }}
            </footer>
        @endif
    </section>
    <div class="smarthr-summary-date-filter" id="summary-date-filter" hidden role="dialog" aria-label="Filter summary dates">
        <form method="get" action="{{ route('transit_summary') }}">
            <input type="hidden" name="search" value="{{ $search }}"><input type="hidden" name="date_from" value="{{ $dateFrom }}"><input type="hidden" name="date_to" value="{{ $dateTo }}"><input type="hidden" name="sort" value="{{ $sort }}"><input type="hidden" name="direction" value="{{ $sortDirection }}">
            <div class="smarthr-summary-date-filter-title"><strong>Filter by date</strong><button type="button" class="smarthr-summary-date-filter-close" aria-label="Close">&times;</button></div>
            <div class="smarthr-summary-date-filter-search"><i class="fas fa-search"></i><input type="search" placeholder="Search date" aria-label="Search dates"></div>
            <label class="smarthr-summary-date-option is-select-all"><input type="checkbox" class="smarthr-summary-date-select-all"><span>Select all</span></label>
            <div class="smarthr-summary-date-options">@foreach($availableDates as $availableDate)<label class="smarthr-summary-date-option" data-date="{{ $availableDate->arrival_date }}"><input type="checkbox" name="dates[]" value="{{ $availableDate->arrival_date }}" {{ in_array($availableDate->arrival_date, $selectedDates, true) ? 'checked' : '' }}><span>{{ $availableDate->arrival_date }} <small>({{ $availableDate->record_count }})</small></span></label>@endforeach</div>
            <div class="smarthr-summary-date-filter-actions"><a href="{{ request()->fullUrlWithQuery(['dates'=>null,'page'=>null]) }}">Clear</a><button type="submit">Apply</button></div>
        </form>
    </div>
</main>
<script>
document.addEventListener('DOMContentLoaded',function(){var trigger=document.querySelector('.smarthr-summary-date-filter-trigger'),panel=document.getElementById('summary-date-filter');if(!trigger||!panel)return;var close=panel.querySelector('.smarthr-summary-date-filter-close'),search=panel.querySelector('input[type="search"]'),all=panel.querySelector('.smarthr-summary-date-select-all'),options=Array.prototype.slice.call(panel.querySelectorAll('.smarthr-summary-date-options input[type="checkbox"]'));function position(){var rect=trigger.getBoundingClientRect(),width=Math.min(300,window.innerWidth-24),left=window.scrollX+Math.max(12,Math.min(rect.left,window.innerWidth-width-12));panel.style.width=width+'px';panel.style.left=left+'px';panel.style.top=(window.scrollY+rect.bottom+6)+'px'}function open(){panel.hidden=false;trigger.setAttribute('aria-expanded','true');position();search.focus()}function shut(){panel.hidden=true;trigger.setAttribute('aria-expanded','false')}trigger.addEventListener('click',function(e){e.stopPropagation();panel.hidden?open():shut()});close.addEventListener('click',shut);document.addEventListener('click',function(e){if(!panel.hidden&&!panel.contains(e.target)&&e.target!==trigger)shut()});window.addEventListener('resize',function(){if(!panel.hidden)position()});search.addEventListener('input',function(){var value=this.value.toLowerCase();panel.querySelectorAll('.smarthr-summary-date-option[data-date]').forEach(function(row){row.hidden=row.dataset.date.toLowerCase().indexOf(value)===-1})});all.addEventListener('change',function(){options.forEach(function(option){if(!option.closest('label').hidden)option.checked=all.checked})});function sync(){all.checked=options.length>0&&options.every(function(option){return option.checked});all.indeterminate=!all.checked&&options.some(function(option){return option.checked})}options.forEach(function(option){option.addEventListener('change',sync)});sync()});
</script>
@endsection