@extends('layouts.fleet')

@section('title', 'Fleet Dashboard')

@section('content')
<div class="row g-3 mb-3">
    <div class="col-12">
        <div class="fleet-big-card">
            <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
                <div>
                    <div class="text-navy-300 small text-uppercase">Fleet</div>
                    <div class="h4 text-heading mb-1">{{ $fleet->name ?? 'Not Assigned' }}</div>
                    <div class="text-navy-300 small">{{ $fleet->fleet_number ?? '' }}</div>
                </div>
                <div class="text-end">
                    <div class="text-navy-300 small text-uppercase">Mission Status</div>
                    <span class="status-pill status-{{ $mission?->status === 'active' ? 'progress' : 'pending' }} fs-6">
                        {{ $mission ? str_replace('_',' ', $mission->status) : 'No Active Mission' }}
                    </span>
                </div>
            </div>

            @if ($mission)
                <hr class="border-navy my-3">
                <div class="row g-3">
                    <div class="col-md-3 col-6"><div class="text-navy-300 small">Mission</div><div class="text-heading fw-semibold">{{ $mission->name }}</div></div>
                    <div class="col-md-3 col-6"><div class="text-navy-300 small">Commander</div><div class="text-heading fw-semibold">{{ $mission->commander->name ?? '—' }}</div></div>
                    <div class="col-md-3 col-6"><div class="text-navy-300 small">Duration</div><div class="text-heading fw-semibold">{{ $mission->duration_days }} days</div></div>
                    <div class="col-md-3 col-6"><div class="text-navy-300 small">Progress</div><div class="text-heading fw-semibold">{{ $progressPercent }}%</div></div>
                </div>
                <div class="progress mt-3" style="height:8px;"><div class="progress-bar bg-info" style="width:{{ $progressPercent }}%"></div></div>
            @else
                <p class="text-navy-300 mt-3 mb-0">No mission currently assigned to your fleet. Contact your Fleet In-Charge.</p>
            @endif
        </div>
    </div>
</div>

@if ($mission)
<div class="row g-3 mb-3">
    <div class="col-12">
        <div class="fleet-big-card">
            <div class="fw-semibold text-heading mb-3">Zone Progress ({{ $completedZones }} / {{ $totalZones }} complete)</div>
            <div class="zone-progress-track">
                @foreach ($missionZones as $mz)
                    <div class="zone-chip {{ $mz->status === 'completed' ? 'done' : ($mz->status === 'active' ? 'current' : 'pending') }}">
                        {{ $mz->zone->name }}
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <a href="{{ route('fleet.missions.show', $mission) }}" class="quick-action-btn text-decoration-none d-block">
            <i class="bi bi-ui-checks-grid"></i> Continue Current Zone
        </a>
    </div>
    <div class="col-md-4">
        <a href="{{ route('fleet.missions.show', $mission) }}#zoneMap" class="quick-action-btn text-decoration-none d-block">
            <i class="bi bi-geo-alt"></i> View Offline Map
        </a>
    </div>
    <div class="col-md-4">
        <a href="{{ route('fleet.missions.notes', $mission) }}" class="quick-action-btn text-decoration-none d-block">
            <i class="bi bi-journal-text"></i> Add Note
        </a>
    </div>
</div>
@endif
@endsection