@extends('layouts.mainlayout')
@section('fullwidth', true)

@section('content')
@php
    $transits = collect($staff_tranzit);
    $arrivalCount = $transits->filter(fn ($item) => ($item->from ?? '') === 'Home')->count();
    $departureCount = $transits->filter(fn ($item) => ($item->where ?? '') === 'Home')->count();
    $issueCount = $transits->filter(fn ($item) => in_array((int) ($item->status ?? 0), [4, 5], true))->count();
    $arrivalDateCounts = $transits->groupBy('arrival_date')->map->count()->sortKeysDesc();
@endphp

<div class="smarthr-worker-module smarthr-arrival-departure-module">
    <div class="smarthr-demo-page-breadcrumb">
        <div>
            <h2>Arrival / Departure</h2>
            <ol>
                <li><a href="/home"><i class="fas fa-home"></i></a></li>
                <li>Transit</li>
                <li class="active">Arrival / Departure</li>
            </ol>
        </div>
        <div class="smarthr-demo-year"><i class="far fa-calendar-alt"></i><span>{{ date('Y') }}</span></div>
    </div>

    <div class="smarthr-arrival-departure-body">
        <div class="smarthr-arrival-summary" aria-label="Transit summary">
            <div class="smarthr-arrival-summary-card is-total">
                <span class="smarthr-arrival-summary-icon"><i class="fas fa-route"></i></span>
                <div class="smarthr-arrival-summary-copy">
                    <small>Total records</small>
                    <strong>{{ $transits->count() }}</strong>
                    <span>View details</span>
                </div>
            </div>
            <div class="smarthr-arrival-summary-card is-arrival">
                <span class="smarthr-arrival-summary-icon"><i class="fas fa-plane-arrival"></i></span>
                <div class="smarthr-arrival-summary-copy">
                    <small>Arrivals</small>
                    <strong>{{ $arrivalCount }}</strong>
                    <span>View details</span>
                </div>
            </div>
            <div class="smarthr-arrival-summary-card is-departure">
                <span class="smarthr-arrival-summary-icon"><i class="fas fa-plane-departure"></i></span>
                <div class="smarthr-arrival-summary-copy">
                    <small>Departures</small>
                    <strong>{{ $departureCount }}</strong>
                    <span>View details</span>
                </div>
            </div>
            <div class="smarthr-arrival-summary-card is-issue">
                <span class="smarthr-arrival-summary-icon"><i class="fas fa-exclamation-circle"></i></span>
                <div class="smarthr-arrival-summary-copy">
                    <small>Did not travel</small>
                    <strong>{{ $issueCount }}</strong>
                    <span>View details</span>
                </div>
            </div>
        </div>

        <div class="smarthr-worker-panel smarthr-arrival-list-panel">
            <div class="smarthr-arrival-list-heading">
                <h5>Transit schedule</h5>
                <span class="smarthr-arrival-record-count">{{ $transits->count() }} records</span>
            </div>
            <div class="smarthr-arrival-table-shell">
                <div class="table-responsive">
                    <table class="table smarthr-arrival-list-table" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th class="d-none">Sort date</th>
                                <th><div class="smarthr-arrival-date-heading"><span>Arrival date</span><button class="smarthr-summary-date-filter-trigger" type="button" aria-label="Filter arrival dates" aria-haspopup="dialog" aria-expanded="false"><i class="fas fa-filter"></i></button></div></th>
                                <th>Name</th>
                                <th>Location</th>
                                <th>From</th>
                                <th>Route</th>
                                <th>Transport</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($staff_tranzit as $ourstaff)
                            @php
                                $staffRecord = DB::table('ourstaffs')
                                    ->select('firstname', 'lastname', 'stat')
                                    ->where('id', base64_decode(\App\Http\Controllers\LogController::kodold_ki($ourstaff->staff_id)))
                                    ->first();

                                $firstname = $staffRecord ? base64_decode(\App\Http\Controllers\LogController::kodold_ki($staffRecord->firstname)) : '';
                                $lastname = $staffRecord ? base64_decode(\App\Http\Controllers\LogController::kodold_ki($staffRecord->lastname)) : 'Unknown worker';
                                $staffId = $staffRecord->stat ?? $ourstaff->staff_id;

                                $busRaw = trim((string) ($ourstaff->bus ?? ''));
                                if ($busRaw === '' || strtolower($busRaw) === 'null') {
                                    $busRaw = '0,0,0,0,0,0,0,0,0,0,0,0,0,0,0';
                                }
                                if (ctype_digit($busRaw)) {
                                    $bus = array_fill(0, 15, 0);
                                    $bus[0] = (int) $busRaw;
                                } else {
                                    $bus = array_pad(array_map('intval', explode(',', $busRaw)), 15, 0);
                                }


                                $airport = '';
                                if (!in_array((string) ($ourstaff->airport_from ?? ''), ['', '0'], true)
                                    && !in_array((string) ($ourstaff->airport_where ?? ''), ['', '0'], true)) {
                                    $airport = $ourstaff->airport_from.' → '.$ourstaff->airport_where;
                                }

                                $from = ($ourstaff->from ?? '') === 'Home' ? 'Home' : ($ourstaff->from ?? '—');
                                $to = ($ourstaff->where ?? '') === 'Home' ? 'Home' : ($ourstaff->where ?? '—');
                                $location = $from === 'Home' ? $to : ($to === 'Home' ? $from : $to);
                                $transport = $airport !== '' ? str_replace(' → ', ' – ', $airport) : ($bus[0] === 3 ? 'Own cost' : (in_array($bus[0], [4, 5], true) ? 'Bus' : (in_array($bus[0], [1, 2], true) ? 'Airplane' : 'Not specified')));
                                $status = (int) ($ourstaff->status ?? 0);
                                $statusMap = [
                                    0 => ['Draft', 'is-muted'],
                                    1 => ['In progress', 'is-progress'],
                                    2 => ['Travelling', 'is-travelling'],
                                    3 => ['Arrived', 'is-complete'],
                                    4 => ['Did not travel', 'is-danger'],
                                    5 => ['Did not travel', 'is-danger'],
                                ];
                                [$statusText, $statusClass] = $statusMap[$status] ?? ['Unknown', 'is-muted'];
                            @endphp
                            <tr>
                                <td class="d-none">{{ $ourstaff->arrival_date }}</td>
                                <td data-label="Arrival date"><span class="smarthr-arrival-date"><i class="far fa-calendar"></i>{{ $ourstaff->arrival_date }}</span></td>
                                <td data-label="Name"><a class="smarthr-arrival-worker" href="/staff/tranzit/{{ $staffId }}">{{ trim($lastname.' '.$firstname) }}</a></td>
                                <td data-label="Location"><span class="smarthr-arrival-place"><i class="fas fa-map-marker-alt"></i>{{ $location }}</span></td>
                                <td data-label="From">{{ $from }}</td>
                                <td data-label="Route">{{ $from }} <i class="fas fa-long-arrow-alt-right"></i> {{ $to }}</td>
                                <td data-label="Transport">{{ $transport }}</td>
                                <td data-label="Status"><span class="smarthr-arrival-status {{ $statusClass }}">{{ $statusText }}</span></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="smarthr-summary-date-filter" id="arrival-date-filter" hidden role="dialog" aria-label="Filter arrival dates">
    <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" checked><span>Select all</span></label>
    <div class="smarthr-summary-date-options">
        @foreach($arrivalDateCounts as $arrivalDate => $recordCount)
            <label class="smarthr-summary-date-option" data-date="{{ $arrivalDate }}"><input type="checkbox" value="{{ $arrivalDate }}" checked><span>{{ $arrivalDate }} <small>({{ $recordCount }})</small></span></label>
        @endforeach
    </div>
    <div class="smarthr-summary-date-filter-actions"><a href="#" class="smarthr-arrival-date-clear">Clear</a><button type="button" class="smarthr-arrival-date-apply">Apply</button></div>
</div>

<script>
window.addEventListener('load', function () {
    var trigger = document.querySelector('.smarthr-arrival-date-heading .smarthr-summary-date-filter-trigger');
    var panel = document.getElementById('arrival-date-filter');
    if (!trigger || !panel || !window.jQuery || !jQuery.fn.DataTable || !jQuery.fn.DataTable.isDataTable('#dataTable')) return;
    var table = jQuery('#dataTable').DataTable();
    var close = panel.querySelector('.smarthr-summary-date-filter-close');
    var search = panel.querySelector('input[type="search"]');
    var selectAll = panel.querySelector('.smarthr-summary-date-select-all');
    var options = Array.prototype.slice.call(panel.querySelectorAll('.smarthr-summary-date-options input[type="checkbox"]'));
    var apply = panel.querySelector('.smarthr-arrival-date-apply');
    var clear = panel.querySelector('.smarthr-arrival-date-clear');

    function position() {
        var rect = trigger.getBoundingClientRect();
        var width = Math.min(300, window.innerWidth - 24);
        panel.style.width = width + 'px';
        panel.style.left = (window.scrollX + Math.max(12, Math.min(rect.left, window.innerWidth - width - 12))) + 'px';
        panel.style.top = (window.scrollY + rect.bottom + 6) + 'px';
    }
    function openPanel() { panel.hidden = false; trigger.setAttribute('aria-expanded', 'true'); position(); search.focus(); }
    function closePanel() { panel.hidden = true; trigger.setAttribute('aria-expanded', 'false'); }
    function syncSelectAll() {
        selectAll.checked = options.length > 0 && options.every(function (option) { return option.checked; });
        selectAll.indeterminate = !selectAll.checked && options.some(function (option) { return option.checked; });
        trigger.classList.toggle('is-active', !selectAll.checked);
    }
    function escapeRegex(value) { return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }

    trigger.addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); panel.hidden ? openPanel() : closePanel(); });
    trigger.addEventListener('mousedown', function (event) { event.stopPropagation(); });
    close.addEventListener('click', closePanel);
    document.addEventListener('click', function (event) { if (!panel.hidden && !panel.contains(event.target) && event.target !== trigger) closePanel(); });
    window.addEventListener('resize', function () { if (!panel.hidden) position(); });
    window.addEventListener('scroll', function () { if (!panel.hidden) position(); }, true);
    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; });
    });
    selectAll.addEventListener('change', function () { options.forEach(function (option) { if (!option.closest('label').hidden) option.checked = selectAll.checked; }); syncSelectAll(); });
    options.forEach(function (option) { option.addEventListener('change', syncSelectAll); });
    clear.addEventListener('click', function (event) { event.preventDefault(); options.forEach(function (option) { option.checked = true; }); table.column(0).search('').draw(); syncSelectAll(); closePanel(); });
    apply.addEventListener('click', function () {
        var selected = options.filter(function (option) { return option.checked; }).map(function (option) { return escapeRegex(option.value); });
        var filter = selected.length === options.length ? '' : (selected.length ? '^(' + selected.join('|') + ')$' : '(?!)');
        table.column(0).search(filter, true, false).draw();
        syncSelectAll();
        closePanel();
    });
    syncSelectAll();
});
</script>
@endsection