@extends('layouts.admin')

@section('title', $fleet->name)
@section('page-title', $fleet->name)
@section('page-subtitle', $fleet->fleet_number.' — '.($fleet->category->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">Operational Status</div><div class="stat-value fs-5">{{ str_replace('_',' ',$fleet->operational_status) }}</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Active Crew</div><div class="stat-value">{{ $fleet->activeCrew->count() }}</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Total Missions</div><div class="stat-value">{{ $fleet->missions->count() }}</div></div></div>
    <div class="col-md-3 col-6"><div class="stat-card"><div class="stat-label">Last Ping</div><div class="stat-value fs-6">{{ $fleet->last_ping_at?->diffForHumans() ?? 'Never' }}</div></div></div>
</div>

<div class="row g-3">
    <div class="col-lg-7">
        <div class="panel">
            <div class="panel-header"><span class="fw-semibold">Crew Assignment</span></div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead><tr><th>Name</th><th>Rank</th><th>Role on Fleet</th><th>Assigned</th><th class="text-end">Actions</th></tr></thead>
                    <tbody>
                    @forelse ($fleet->activeCrew as $crew)
                        <tr>
                            <td class="fw-semibold text-heading">{{ $crew->user->name }}</td>
                            <td>{{ $crew->user->rank->name ?? '—' }}</td>
                            <td>{{ $crew->role_on_fleet ?? '—' }}</td>
                            <td class="small text-navy-300">{{ $crew->assigned_at?->format('d M Y') }}</td>
                            <td class="text-end">
                                @can('fleets.assign_crew')
                                <form action="{{ route('admin.fleets.crew.remove', [$fleet, $crew]) }}" method="POST" class="d-inline" data-confirm="Remove {{ $crew->user->name }} from this fleet?">
                                    @csrf @method('delete')
                                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-person-dash"></i></button>
                                </form>
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-navy-300 py-4">No crew assigned.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @can('fleets.assign_crew')
            <div class="p-3 border-top border-navy">
                <form action="{{ route('admin.fleets.crew.assign', $fleet) }}" method="POST" class="row g-2 align-items-end">
                    @csrf
                    <div class="col-md-6">
                        <label class="form-label small text-navy-300">Add Crew Member</label>
                        <select name="user_id" class="form-select form-select-sm" required>
                            <option value="">— Select user —</option>
                            @foreach ($availableUsers as $u)
                                <option value="{{ $u->id }}">{{ $u->name }} ({{ $u->rank->name ?? 'No rank' }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label small text-navy-300">Role on Fleet</label>
                        <input type="text" name="role_on_fleet" class="form-control form-control-sm" placeholder="e.g. Deck Officer">
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-sm btn-primary w-100"><i class="bi bi-plus-lg"></i> Add</button>
                    </div>
                </form>
            </div>
            @endcan
        </div>
    </div>

    <div class="col-lg-5">
        <div class="panel">
            <div class="panel-header"><span class="fw-semibold">Recent Missions</span></div>
            <ul class="list-group list-group-flush">
                @forelse ($fleet->missions as $mission)
                    <li class="list-group-item bg-transparent border-navy d-flex justify-content-between align-items-center">
                        <div>
                            <div class="text-heading small fw-semibold">{{ $mission->name }}</div>
                            <div class="text-navy-300" style="font-size:.72rem;">{{ $mission->start_date?->format('d M Y') }}</div>
                        </div>
                        <span class="status-pill status-{{ $mission->status === 'active' ? 'progress' : ($mission->status === 'completed' ? 'completed' : 'pending') }}">{{ str_replace('_',' ',$mission->status) }}</span>
                    </li>
                @empty
                    <li class="list-group-item bg-transparent border-navy small text-navy-300">No missions yet.</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>
@endsection