@extends('layouts.app')
@section('title','Aircraft Library')
@section('content')
<main class="mx-auto max-w-7xl px-5 py-8 lg:px-8">
    <div class="flex items-end justify-between gap-5"><div><div class="text-xs font-bold uppercase tracking-[.18em] text-sky-400">Supported Profiles</div><h1 class="mt-2 text-3xl font-black">Aircraft Library</h1><p class="mt-2 text-slate-400">Each simulator aircraft will receive a dedicated Nexus profile defining its UV surfaces, materials and export rules.</p></div></div>
    <div class="mt-7 grid gap-5 md:grid-cols-2 xl:grid-cols-3">
    @foreach($aircraft as $item)
        <div class="card overflow-hidden p-5">
            <div class="relative grid h-40 place-items-center rounded-xl bg-gradient-to-br from-sky-500/10 via-blue-600/10 to-violet-600/10 text-6xl">✈@if($item->slug === 'fbw-a32nx')<span class="absolute left-3 top-3 rounded-full border border-sky-400/25 bg-sky-400/10 px-2 py-1 text-[10px] font-black uppercase tracking-wide text-sky-300">Default</span>@endif</div>
            <div class="mt-4 flex items-start justify-between gap-3"><div><h2 class="text-lg font-black">{{ $item->name }}</h2><div class="mt-1 text-xs text-slate-500">{{ $item->manufacturer }} · {{ strtoupper($item->simulator) }}</div></div>@if($item->is_certified)<span class="rounded-full bg-emerald-400/10 px-2 py-1 text-[10px] font-bold uppercase text-emerald-300">Certified</span>@elseif($item->slug === 'fbw-a32nx')<span class="rounded-full bg-sky-400/10 px-2 py-1 text-[10px] font-bold uppercase text-sky-300">3D Paint Beta</span>@endif</div>
            <p class="mt-3 text-sm leading-6 text-slate-400">{{ $item->description }}</p>
            <div class="mt-4 flex flex-wrap gap-2 text-[10px] font-bold uppercase tracking-wide"><span class="rounded-full bg-slate-800 px-2 py-1">{{ $item->supports_3d_paint ? '3D Paint' : 'Preview Only' }}</span><span class="rounded-full bg-slate-800 px-2 py-1">{{ $item->supports_export ? 'Export Ready' : 'Export Pending' }}</span></div>
            <a class="btn-primary mt-5 w-full" href="{{ route('projects.create') }}?aircraft={{ $item->id }}">Create Project</a>
        </div>
    @endforeach
    </div>
</main>
@endsection