@extends('layouts.app')

@section('content')
<div class="container py-5" style="font-family: 'Verdana', sans-serif; max-width: 900px;">
    
    {{-- Encabezado --}}
    <div class="text-center mb-5">
        <h1 class="fw-bold text-uppercase" style="color: #000; letter-spacing: 1px; border-bottom: 3px solid #C9A050; display: inline-block; padding-bottom: 10px;">
            Bases y Condiciones
        </h1>
        <p class="mt-3 text-uppercase small fw-bold" style="color: #C9A050; letter-spacing: 2px;">
            50° Aniversario COIRCO: La cuenca del Colorado - Identidad de una región
        </p>

        <a href="{{ asset('docs/Bases_y_Condiciones_Concurso_Fotografico_COIRCO_2026.pdf') }}" 
        target="_blank" 
        class="text-decoration-none d-block">
            <p class="text-center small text-muted mt-3 mb-0" style="color: inherit; cursor: pointer;">
                Versión resumida. Consultar el reglamento completo en PDF para más detalles.
            </p>
        </a>
    </div>

    <div class="reglamento-texto" style="line-height: 1.8; color: #333; text-align: justify;">
        
        {{-- Introducción --}}
        <section class="mb-5">
            <p>En el marco de su 50° Aniversario, COIRCO invita a participar de un <strong>Concurso de Fotografía</strong> y una <strong>Convocatoria de imágenes históricas</strong>, promoviendo una mirada sobre la identidad de la cuenca del río Colorado.</p>
        </section>

        {{-- 1. Participantes --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">1. PARTICIPANTES</h4>
            <p>Podrán participar personas físicas sin límite de edad (menores con autorización). No podrán hacerlo personal de COIRCO, jurados ni familiares directos.</p>
            <p>La participación es gratuita.</p>
            <ul class="ps-4">
                <li>Concurso: categorías Profesional y Aficionado</li>
                <li>Convocatoria histórica: categoría única</li>
            </ul>
            <p>Máximo: 3 fotos en Concurso y 10 en Convocatoria. Sin autoría compartida.</p>
        </section>

        {{-- 2. Temática --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">2. TEMÁTICA</h4>
            <p><strong>“La cuenca del Colorado: identidad de una región”</strong>.</p>
            <p>Se busca representar la vida, cultura, producción y el valor del agua en la región, sin limitar la creatividad.</p>
            <p>La Convocatoria histórica apunta a recopilar imágenes del pasado vinculadas al territorio.</p>
        </section>

        {{-- 3. Técnicos y Legales (RESUMIDO) --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">3. TIPO DE FOTOGRAFÍAS Y ASPECTOS LEGALES</h4>
          
            <p>Se aceptan imágenes tomadas con cualquier dispositivo (cámara, celular o dron), incluyendo material analógico digitalizado. Se permite edición básica que no altere la esencia de la obra.</p>
            
            <p><strong>No se admiten imágenes generadas o modificadas mediante inteligencia artificial.</strong></p>
            
            <p>Las obras deben enviarse en formato JPG.</p>
            
        </section>

        {{-- 4. Ambientales --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">4. ASPECTOS AMBIENTALES Y ÉTICOS</h4>
            <p>Las imágenes deben obtenerse respetando el ambiente, sin generar daños a flora, fauna o ecosistemas.</p>
        </section>
 
        {{-- 5. Modos de participación --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">5. MODOS DE PARTICIPACIÓN</h4>
            
            <p class="mb-2">La inscripción se realiza exclusivamente de manera digital.</p>
            
            <a href="{{ route('concurso.form') }}" class="text-coirco-gold fw-bold text-decoration-none">
                Acceder al formulario de participación →
            </a>
            
            <p class="small text-muted mt-3">
                <i class="bi bi-info-circle me-1"></i> 
                Tras el envío, recibirá una confirmación por correo electrónico.
            </p>
        </section>

        {{-- 6. Plazos --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">6. PLAZOS</h4>
            <p>Convocatoria abierta hasta el <strong>31 de julio de 2026</strong>. <span style="display:inline-block;background:#C9A050;color:#000;font-size:0.72em;font-weight:700;padding:2px 8px;border-radius:20px;vertical-align:middle;letter-spacing:0.03em;">★ Plazo extendido</span></p>
        </section>

        {{-- 7. CRITERIOS --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">7. CRITERIOS DE EVALUACIÓN</h4>
            <p>Se evaluará:</p>
            <ul class="list-unstyled ps-3">
                <li>- Originalidad</li>
                <li>- Calidad artística</li>
                <li>- Relación con la temática</li>
            </ul>
            <p>En categoría Profesional se suma la calidad técnica.</p>
        </section>

        {{-- 8. Premios --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">8. PREMIOS</h4>
            <div class="table-responsive mb-4">
                <table class="table table-bordered text-center align-middle">
                    <thead class="bg-light">
                        <tr>
                            <th style="width: 40%;">Categoría</th>
                            <th>1° Premio</th>
                            <th>2° Premio</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="fw-bold text-start ps-3">Profesionales</td>
                            <td>$1.000.000 + Diploma</td>
                            <td>$700.000 + Diploma</td>
                        </tr>
                        <tr>
                            <td class="fw-bold text-start ps-3">Aficionados</td>
                            <td>$600.000 + Diploma</td>
                            <td>$400.000 + Diploma</td>
                        </tr>
                        <tr>
                            <td class="fw-bold text-start ps-3">Históricas</td>
                            <td>$500.000 + Diploma</td>
                            <td>$300.000 + Diploma</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p>Incluye menciones honoríficas. Los premios se abonarán por transferencia bancaria dentro de los 60 días.</p>
        </section>

        {{-- 9. Jurado --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">9. JURADO</h4>
            <p>El jurado será designado por COIRCO. Su decisión será inapelable y se mantendrá el anonimato.</p>
        </section>

        {{-- 10. Resultados --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">10. COMUNICACIÓN DE RESULTADOS</h4>
            <p>Resultados el <strong>31 de agosto de 2026</strong> en el sitio web y por contacto con ganadores.</p>
        </section>

        {{-- 11. Uso --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">11. USO DE LAS IMÁGENES</h4>
            <p>COIRCO podrá utilizar las imágenes con fines de difusión, mencionando la autoría, sin compensación adicional.</p>
        </section>

        {{-- 12. Aceptación --}}
        <section class="mb-5">
            <h4 class="fw-bold mb-3" style="color: #7a2a1e;">12. ACEPTACIÓN DE LAS BASES</h4>
            <p>La participación implica la aceptación total de estas bases. Cualquier situación no prevista será resuelta por la organización.</p>
        </section>

        {{-- Botones --}}
        <div class="mt-5 pt-4 border-top d-flex flex-column flex-md-row justify-content-between align-items-center">
            <a href="{{ asset('docs/Bases_y_Condiciones_Concurso_Fotografico_COIRCO_2026.pdf') }}" class="text-dark fw-bold text-decoration-none small mb-3 mb-md-0" target="_blank">
                <i class="bi bi-download"></i> DESCARGAR REGLAMENTO COMPLETO (PDF)
            </a>
            
            <a href="{{ route('concurso.form') }}" class="btn px-4 py-3 fw-bold text-uppercase shadow-sm" 
               style="background-color: #C9A050; color: #000; border-radius: 0px; font-size: 0.9rem;">
                Ir al Formulario de Inscripción
            </a>
        </div>

    </div>
</div>

{{-- Footer --}}
<footer class="pt-5 mt-5 text-muted border-top text-center pb-5 bg-white">
    <div class="container">
        <div class="mb-4">
            <img src="{{ asset('img/logo_coirco.png') }}" alt="COIRCO" style="max-height: 60px; filter: grayscale(100%); opacity: 0.6;">
        </div>
        <p class="mb-1 fw-bold text-dark text-uppercase">Comité Interjurisdiccional del Río Colorado (COIRCO)</p>
        <p class="small mb-0">1976 - 2026 | 50 Años de Gestión Interjurisdiccional</p>
    </div>
</footer>

<style>
    section p { margin-bottom: 1.2rem; }
    strong { color: #7a2a1e; }
    .btn:hover { background-color: #b08a3f !important; color: #fff !important; }
    li { margin-bottom: 8px; }
    .table th { background-color: #f8f9fa; color: #7a2a1e; font-size: 0.85rem; letter-spacing: 1px; }
    .reglamento-texto { font-size: 0.95rem; }
</style>
@endsection