@extends('layouts.app')

@section('title', 'Concurso Cerrado | COIRCO 50 Aniversario')

@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-7">
            <div class="card shadow-lg border-0 text-center">
                <div class="card-header bg-dark text-white p-4" style="border-bottom: 4px solid #C9A050;">
                    <img src="{{ asset('img/logo_50_aniversario.png') . '?' . filemtime(public_path('img/logo_50_aniversario.png')) }}"
                        alt="50 Años COIRCO"
                        class="mb-2"
                        style="max-height: 80px; filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.5));">
                    <h2 class="mb-0 fw-bold">Concurso Fotográfico COIRCO</h2>
                </div>

                <div class="card-body p-5">
                    <div class="mb-4" style="font-size: 4rem; line-height: 1;">📷</div>

                    <h3 class="fw-bold mb-3" style="color: #7a2a1e;">El período de inscripción ha finalizado</h3>

                    <p class="lead text-muted mb-4">
                        El plazo para enviar postulaciones al <strong>Concurso de Fotografía y Convocatoria de Imágenes Históricas</strong>
                        cerró el <strong>31 de julio de 2026</strong>.
                    </p>

                    <hr class="my-4">

                    <p class="mb-1 text-muted">
                        <strong>Anuncio de resultados:</strong> 31 de agosto de 2026
                    </p>
                    <p class="text-muted small">
                        Los resultados serán publicados en este sitio web y comunicados directamente a los ganadores.
                    </p>

                    <div class="mt-4 d-flex justify-content-center gap-3 flex-wrap">
                        <a href="{{ url('/') }}" class="btn btn-dark px-4">
                            ← Volver al inicio
                        </a>
                        <a href="{{ route('bases_condiciones.index') }}" class="btn btn-outline-secondary px-4">
                            Ver bases y condiciones
                        </a>
                    </div>
                </div>

                <div class="card-footer bg-light text-muted small py-3">
                    1976 – 2026 | 50 Años de Gestión Interjurisdiccional
                </div>
            </div>
        </div>
    </div>
</div>
@endsection