@extends('layouts.app')

@section('content')
<div class="container py-5 text-center">
    <div class="row justify-content-center">
        <div class="col-md-7">
            <div class="card shadow-lg border-0 py-5">
                <div class="card-body">
                    <div class="mb-4">
                        <i class="bi bi-send-check text-success" style="font-size: 5rem;"></i>
                    </div>
                    <h1 class="display-5 fw-bold text-dark">¡Mensaje Enviado!</h1>
                    <p class="lead text-muted px-4">
                        Gracias por contactarte. Hemos recibido tu consulta correctamente y un asesor de COIRCO te responderá a la brevedad.
                    </p>
                    
                    <div class="alert alert-info d-inline-block border-0 small shadow-sm">
                        <i class="bi bi-info-circle-fill me-2"></i> Recordá revisar tu carpeta de <strong>Spam</strong> en las próximas 24hs.
                    </div>

                    <hr class="my-4 mx-5 opacity-25">                  
                
                </div>
            </div>
        </div>
    </div>
</div>
{{-- FOOTER --}}
<footer class="pt-5 mt-5 text-muted border-top text-center pb-5 bg-light">
    <div class="container">
        <div class="mb-4">
            <img src="{{ asset('img/logo_coirco.png') }}" alt="COIRCO" style="max-height: 80px; filter: grayscale(100%); opacity: 0.6;">
        </div>
        <p class="mb-1 fw-bold">Comité Interjurisdiccional del Río Colorado (COIRCO)</p>
        <p class="small mb-0">&copy; 2026 - Comisión Organizadora del 50 Aniversario</p>
    </div>
</footer>
@endsection