@extends('layouts.admin')

@section('title', 'Mission Management')
@section('page-title', 'Mission Management')
@section('page-subtitle', 'Fleet missions, zone sequencing and status')

@section('content')
<div class="panel">
    <div class="panel-header flex-wrap gap-2">
        <form method="GET" class="d-flex gap-2 flex-wrap">
            <input type="search" name="search" value="{{ request('search') }}" class="form-control form-control-sm" placeholder="Search missions..." style="width:220px;">
            <select name="status" class="form-select form-select-sm" style="width:170px;" onchange="this.form.submit()">
                <option value="">All Status</option>
                @foreach (\App\Models\Mission::STATUSES as $status)
                    <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst(str_replace('_',' ',$status)) }}</option>
                @endforeach
            </select>
            <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-search"></i></button>
        </form>
        @can('missions.create')
        <a href="{{ route('admin.missions.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg"></i> New Mission</a>
        @endcan
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead><tr><th>Mission</th><th>Fleet</th><th>Commander</th><th>Start</th><th>Status</th><th>Progress</th><th class="text-end">Actions</th></tr></thead>
            <tbody>
            @forelse ($missions as $mission)
                <tr>
                    <td><a href="{{ route('admin.missions.show', $mission) }}" class="text-heading fw-semibold text-decoration-none">{{ $mission->name }}</a><div class="text-navy-300 small">{{ $mission->mission_code }}</div></td>
                    <td>{{ $mission->fleet->name ?? '—' }}</td>
                    <td>{{ $mission->commander->name ?? '—' }}</td>
                    <td class="small">{{ $mission->start_date->format('d M Y') }}</td>
                    <td><span class="status-pill status-{{ $mission->status === 'active' ? 'progress' : ($mission->status === 'completed' ? 'completed' : ($mission->status === 'cancelled' ? 'critical' : 'pending')) }}">{{ str_replace('_',' ',$mission->status) }}</span></td>
                    <td style="min-width:120px;">
                        <div class="progress" style="height:6px;"><div class="progress-bar" style="width:{{ $mission->progress_percent }}%"></div></div>
                    </td>
                    <td class="text-end">
                        @can('missions.edit')<a href="{{ route('admin.missions.edit', $mission) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a>@endcan
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-navy-300 py-4">No missions found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $missions->links() }}</div>
</div>
@endsection