@extends('layouts.app')

@section('title', 'BIDPAC Import Results | PairingPal')

@section('content')
    @php
        $importStatus = $stats['total_rows'] > 0 ? 'Parsed' : 'No Rows Found';
        $importStatusClass = $stats['total_rows'] > 0 ? 'text-bg-success' : 'text-bg-warning';

        $sortUrl = static function (string $column) use ($sort, $direction): string {
            $nextDirection = $sort === $column && $direction === 'asc' ? 'desc' : 'asc';

            return request()->fullUrlWithQuery([
                'sort' => $column,
                'direction' => $nextDirection,
            ]);
        };

        $sortIcon = static function (string $column) use ($sort, $direction): string {
            if ($sort !== $column) {
                return '↕';
            }

            return $direction === 'asc' ? '↑' : '↓';
        };
    @endphp

    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <h1 class="h4 mb-1">BIDPAC Import #{{ $bidpacImport->id }}</h1>
            <p class="text-secondary mb-0">Import dashboard summary for {{ $bidpacImport->pdf_original_name }}</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <span class="badge {{ $importStatusClass }} align-self-center">{{ $importStatus }}</span>
            <a href="{{ route('bidpac-imports.create') }}" class="btn btn-outline-primary">Import Another PDF</a>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-3">
        <div class="card-body">
            <h2 class="h6 text-uppercase text-secondary mb-3">Import Summary Card</h2>
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="text-secondary small">Rows Imported</div>
                    <div class="fs-4 fw-semibold">{{ number_format($bidpacImport->imported_rows) }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-secondary small">Imported At</div>
                    <div class="fw-semibold">{{ $bidpacImport->created_at?->format('M d, Y h:i A') }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-secondary small">File</div>
                    <div class="fw-semibold">{{ $bidpacImport->pdf_original_name }}</div>
                    <div class="small text-secondary">Imported by {{ $bidpacImport->user?->username ?? 'Unknown' }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-secondary small">Parsed Output</div>
                    <div class="d-flex flex-wrap gap-2 mt-1">
                        <a href="{{ asset('storage/' . $bidpacImport->pdf_path) }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-secondary">
                            Open PDF
                        </a>
                        <a href="{{ asset('storage/' . $bidpacImport->csv_path) }}" target="_blank" rel="noopener" class="btn btn-sm btn-outline-success">
                            Download CSV
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3 mb-3">
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-secondary small text-uppercase">Roster Rows</div>
                    <div class="h3 mb-0">{{ number_format($stats['total_rows']) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-secondary small text-uppercase">Crew Parsed</div>
                    <div class="h3 mb-0">{{ number_format($stats['unique_employees']) }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <div class="text-secondary small text-uppercase">Pages Parsed</div>
                    <div class="h3 mb-0">{{ number_format($stats['pages_parsed']) }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white border-0 pb-0">
            <h2 class="h6 text-uppercase text-secondary mb-0">Data Table</h2>
        </div>
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th><a href="{{ $sortUrl('page') }}" class="link-secondary text-decoration-none">Page {{ $sortIcon('page') }}</a></th>
                        <th><a href="{{ $sortUrl('employee_no') }}" class="link-secondary text-decoration-none">Employee # {{ $sortIcon('employee_no') }}</a></th>
                        <th><a href="{{ $sortUrl('initial') }}" class="link-secondary text-decoration-none">Initial {{ $sortIcon('initial') }}</a></th>
                        <th><a href="{{ $sortUrl('last_name') }}" class="link-secondary text-decoration-none">Last Name {{ $sortIcon('last_name') }}</a></th>
                        <th><a href="{{ $sortUrl('carryin_flag') }}" class="link-secondary text-decoration-none">Carry-In Flag {{ $sortIcon('carryin_flag') }}</a></th>
                        <th><a href="{{ $sortUrl('block_hours') }}" class="link-secondary text-decoration-none">Block Hours {{ $sortIcon('block_hours') }}</a></th>
                        <th><a href="{{ $sortUrl('carryin_hours') }}" class="link-secondary text-decoration-none">Carry-In Hours {{ $sortIcon('carryin_hours') }}</a></th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rosterRows as $row)
                        <tr class="cursor-pointer">
                            <td>{{ $row->page }}</td>
                            <td>{{ $row->employee_no }}</td>
                            <td>{{ $row->initial ?: '—' }}</td>
                            <td>{{ $row->last_name ?: '—' }}</td>
                            <td>{{ $row->carryin_flag ?: '—' }}</td>
                            <td>{{ $row->block_hours !== null ? number_format((float) $row->block_hours, 2) : '—' }}</td>
                            <td>{{ $row->carryin_hours !== null ? number_format((float) $row->carryin_hours, 2) : '—' }}</td>
                            <td>
                                <button
                                    class="btn btn-sm btn-outline-secondary"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#rowDetails{{ $row->id }}"
                                    aria-expanded="false"
                                    aria-controls="rowDetails{{ $row->id }}"
                                >
                                    Toggle
                                </button>
                            </td>
                        </tr>
                        <tr class="collapse" id="rowDetails{{ $row->id }}">
                            <td colspan="8" class="bg-light">
                                <div class="small text-secondary text-uppercase mb-1">Codes</div>
                                <div class="mb-0">{{ $row->codes ?: '—' }}</div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center text-secondary py-4">No roster rows were parsed from this BIDPAC PDF.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($rosterRows->hasPages())
            <div class="card-footer bg-white">
                {{ $rosterRows->links() }}
            </div>
        @endif
    </div>
@endsection