@extends('layouts.admin')

@section('title', $mission->name)
@section('page-title', $mission->name)
@section('page-subtitle', $mission->mission_code.' · '.($mission->fleet->name ?? ''))

@section('content')
<div class="row g-3 mb-3">
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Status</div><div class="stat-value fs-6">{{ str_replace('_',' ',$mission->status) }}</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Progress</div><div class="stat-value">{{ $mission->progress_percent }}%</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Commander</div><div class="stat-value fs-6">{{ $mission->commander->name ?? '—' }}</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Duration</div><div class="stat-value">{{ $mission->duration_days }}d</div></div></div>
</div>

<div class="row g-3">
    <div class="col-lg-4">
        <div class="panel p-3 mb-3">
            <div class="fw-semibold text-heading small mb-3">Mission Timeline</div>
            <ul class="mission-timeline">
                @php
                    $steps = [
                        'Mission Started' => in_array($mission->status, ['pending','active','paused','returned','sea_trial_uploaded','completed']),
                        'Zone Completion' => $mission->missionZones->every(fn($z) => $z->status === 'completed') && $mission->missionZones->isNotEmpty(),
                        'Returned' => in_array($mission->status, ['returned','sea_trial_uploaded','completed']),
                        'Sea Trial Uploaded' => in_array($mission->status, ['sea_trial_uploaded','completed']),
                        'Mission Closed' => $mission->status === 'completed',
                    ];
                    $reached = false;
                @endphp
                @foreach ($steps as $label => $done)
                    <li class="{{ $done ? 'done' : (!$reached && !$done ? 'active' : 'pending') }}">
                        <span class="tl-dot"></span>
                        <div class="text-heading small">{{ $label }}</div>
                    </li>
                    @php $reached = $reached || !$done; @endphp
                @endforeach
            </ul>
        </div>

        @can('missions.change_status')
        <div class="panel p-3 mb-3">
            <div class="fw-semibold text-heading small mb-2">Change Status</div>
            <form action="{{ route('admin.missions.status', $mission) }}" method="POST" class="d-flex gap-2">
                @csrf @method('patch')
                <select name="status" class="form-select form-select-sm">
                    @foreach (\App\Models\Mission::STATUSES as $status)
                        <option value="{{ $status }}" @selected($mission->status === $status)>{{ ucfirst(str_replace('_',' ',$status)) }}</option>
                    @endforeach
                </select>
                <button class="btn btn-sm btn-primary">Apply</button>
            </form>
        </div>
        @endcan

        <div class="panel p-3">
            <div class="fw-semibold text-heading small mb-2">Crew</div>
            <div class="small text-navy-300 mb-1">Officers</div>
            @foreach ($mission->officers->where('pivot.role_in_mission', 'officer') as $o)
                <span class="badge text-bg-secondary me-1 mb-1">{{ $o->name }}</span>
            @endforeach
            <div class="small text-navy-300 mt-2 mb-1">Sailors</div>
            @foreach ($mission->officers->where('pivot.role_in_mission', 'sailor') as $s)
                <span class="badge text-bg-secondary me-1 mb-1">{{ $s->name }}</span>
            @endforeach
        </div>
    </div>

    <div class="col-lg-8">
        <div class="panel">
            <div class="panel-header">
                <span class="fw-semibold">Zone Sequence</span>
                @can('missions.edit')<a href="{{ route('admin.missions.edit', $mission) }}" class="small text-decoration-none">Edit</a>@endcan
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead><tr><th>#</th><th>Zone</th><th>Arrival</th><th>Completion</th><th>Risk</th><th>Status</th><th class="text-end">Action</th></tr></thead>
                    <tbody>
                    @forelse ($mission->missionZones->sortBy('sequence') as $mz)
                        <tr>
                            <td>{{ $mz->sequence + 1 }}</td>
                            <td><span class="zone-color-swatch" style="background:{{ $mz->zone->color }}"></span> {{ $mz->zone->name }}</td>
                            <td class="small">{{ $mz->estimated_arrival?->format('d M, H:i') ?? '—' }}</td>
                            <td class="small">{{ $mz->estimated_completion?->format('d M, H:i') ?? '—' }}</td>
                            <td><span class="badge text-bg-{{ $mz->risk_level === 'high' ? 'danger' : ($mz->risk_level === 'medium' ? 'warning' : 'secondary') }}">{{ ucfirst($mz->risk_level) }}</span></td>
                            <td><span class="status-pill status-{{ $mz->status === 'completed' ? 'completed' : ($mz->status === 'active' ? 'progress' : 'pending') }}">{{ $mz->status }}</span></td>
                            <td class="text-end">
                                @can('missions.change_status')
                                @if ($mz->status === 'active')
                                <form action="{{ route('admin.missions.zones.advance', [$mission, $mz]) }}" method="POST">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-success">Mark Complete</button>
                                </form>
                                @endif
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-navy-300 py-4">No zones assigned.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row g-3 mt-1">
            <div class="col-md-6">
                <div class="panel p-3">
                    <div class="fw-semibold text-heading small mb-2"><i class="bi bi-file-earmark-spreadsheet"></i> Sea Trial Uploads</div>
                    @forelse ($mission->seaTrialUploads as $upload)
                        <div class="small text-navy-300 mb-1">{{ $upload->original_filename }} — <span class="text-heading">{{ $upload->status }}</span></div>
                    @empty
                        <div class="small text-navy-300">No uploads yet.</div>
                    @endforelse
                    @can('sea_trials.upload')
                    <a href="{{ route('admin.sea-trials.create', ['mission' => $mission->id]) }}" class="btn btn-sm btn-outline-secondary mt-2">Upload Sea Trial Excel</a>
                    @endcan
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel p-3">
                    <div class="fw-semibold text-heading small mb-2"><i class="bi bi-file-earmark-pdf"></i> Mission Documents</div>
                    @forelse ($mission->documents as $doc)
                        <div class="small text-navy-300 mb-1">{{ ucfirst(str_replace('_',' ',$doc->type)) }} — {{ $doc->generated_at?->format('d M Y') }}</div>
                    @empty
                        <div class="small text-navy-300">No documents generated yet.</div>
                    @endforelse
                    @can('documents.generate')
                    <a href="{{ route('admin.documents.create', ['mission' => $mission->id]) }}" class="btn btn-sm btn-outline-secondary mt-2">Generate Document</a>
                    @endcan
                </div>
            </div>
            @can('missions.change_status')
            <div class="col-md-6">
                <div class="panel p-3">
                    <div class="fw-semibold text-heading small mb-2"><i class="bi bi-shield-lock"></i> Fleet Offline Handoff</div>
                    <p class="small text-navy-300">
                        For a fleet that had no connectivity at all during the mission — upload the
                        encrypted export file they generated on-device (Fleet Portal → Export for Handoff)
                        to import their answers, zone completions, GPS log and notes.
                    </p>
                    <form action="{{ route('admin.missions.import-handoff', $mission) }}" method="POST" enctype="multipart/form-data" class="d-flex gap-2">
                        @csrf
                        <input type="file" name="handoff_file" accept=".fhx" required class="form-control form-control-sm">
                        <button type="submit" class="btn btn-sm btn-outline-success text-nowrap"><i class="bi bi-upload"></i> Import</button>
                    </form>
                </div>
            </div>
            @endcan
        </div>
    </div>
</div>
@endsection