@extends('v2-cms::layouts.app', ['title' => '404 - Página não encontrada'])

@section('content')
<div class="d-flex flex-column align-items-center justify-content-center text-center py-5">
    <h2 class="display-1 fw-bold text-primary mb-3">404</h2>
    
    <div class="max-width-500" style="max-width: 500px;">
        <h3 class="h4 text-dark mb-3">
            <i class="bi bi-exclamation-circle-fill text-primary me-2"></i> Oops! Página não encontrada.
        </h3>
        
        <p class="text-secondary mb-4">
            Não conseguimos encontrar a página que você estava procurando.
        </p>
        
        <form action="{{ route('v2.cms.search') }}" method="GET" class="mb-4">
            <div class="input-group shadow-sm">
                <input type="text" name="q" class="form-control" placeholder="Tentar buscar no CMS...">
                <button type="submit" class="btn btn-primary d-inline-flex align-items-center gap-1">
                    <i class="bi bi-search"></i> Buscar
                </button>
            </div>
        </form>
        
        <a href="{{ route('v2.cms.dashboard') }}" class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 px-4">
            <i class="bi bi-arrow-left"></i> Retornar ao Dashboard
        </a>
    </div>
</div>
@endsection