@extends('layouts.public')

@section('title', 'Arquivo não encontrado')

@section('content')
    <main class="mx-auto grid min-h-[65vh] max-w-3xl place-items-center px-4 py-16 text-center sm:px-6 lg:px-8">
        <div>
            <div class="mx-auto mb-5 grid h-16 w-16 place-items-center rounded-lg bg-slate-100 text-slate-500">
                <i data-lucide="file-question" class="h-8 w-8"></i>
            </div>
            <p class="text-sm font-semibold uppercase tracking-wide text-emerald-600">404</p>
            <h1 class="mt-2 text-4xl font-bold">Arquivo não encontrado</h1>
            <p class="mt-4 text-slate-600">O arquivo pode ter sido removido, desativado ou ainda não estar publicado.</p>
            <a href="{{ route('public.files.index') }}" class="mt-8 inline-flex h-11 items-center justify-center gap-2 rounded-lg bg-[#0B6EFD] px-5 text-sm font-bold text-white hover:bg-blue-700">
                <i data-lucide="arrow-left" class="h-4 w-4"></i>
                Voltar para downloads
            </a>
        </div>
    </main>
@endsection