{% extends 'base.html' %}

{% block menuapp %}

{% endblock menuapp %}

{% block content %}
<div class="container-xl">
    <h1 class="app-page-title">Centro de ayuda</h1>
    <div class="app-card app-card-accordion shadow-sm mb-4">
        <div class="app-card-header p-4 pb-2  border-0">
           <h4 class="app-card-title">Organización</h4>
        </div><!--//app-card-header-->
        <div class="app-card-body p-4 pt-0">
            <div id="faq1-accordion" class="faq1-accordion faq-accordion accordion">
                
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faq1-heading-1">
                      <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq1-1" aria-expanded="false" aria-controls="faq1-1">
                        ¿Quién organiza este tinglado?
                      </button>
                    </h2>
                    <div id="faq1-1" class="accordion-collapse collapse border-0" aria-labelledby="faq1-heading-1">
                        <div class="accordion-body text-start p4">
                            Estos pozos no serían posibles sin el trabajo altruista
                            de nuestros queirdos Raúl y Montse.
                        </div>
                    </div>
                </div><!--//accordion-item-->
                
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faq1-heading-2">
                      <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq1-2" aria-expanded="false" aria-controls="faq1-2">
                        ¿Cada cuánto tiempo hay pozos?
                      </button>
                    </h2>
                    <div id="faq1-2" class="accordion-collapse collapse border-0" aria-labelledby="faq1-heading-2">
                        <div class="accordion-body text-start p4">
                            Los pozos tiene lugar los domingos.
                            En principio durante el año 'escolar', es decir, de
                            septiembre a finales de junio.
                        </div>
                    </div>
                </div><!--//accordion-item-->                                  
            </div><!--//faq1-accordion-->
        </div><!--//app-card-body-->
    </div><!--//app-card-->
    <div class="app-card app-card-accordion shadow-sm mb-4">
        <div class="app-card-header p-3">
           <h4 class="app-card-title">Reserva y cancelación</h4>
        </div><!--//app-card-header-->
        <div class="app-card-body p-4 pt-0">
            <div id="faq2-accordion" class="faq2-accordion faq-accordion accordion">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faq2-heading-1">
                      <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq2-1" aria-expanded="false" aria-controls="faq2-1">
                        ¿Cómo, cuándo y a quién pago la inscripción en el pozo?
                      </button>
                    </h2>
                    <div id="faq2-1" class="accordion-collapse collapse border-0" aria-labelledby="faq2-heading-1">
                        <div class="accordion-body text-start p4">
                            <p>Cómo: en efectivo.</p>
                            <p>Cuándo: antes del comienzo del pozo.</p>
                            <p>A quién: a Raúl o a quien él designe cuando nos mande el whatsapp con el importe.</p>
                        </div>
                    </div>
                </div><!--//accordion-item-->
                
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faq2-heading-2">
                      <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq2-2" aria-expanded="false" aria-controls="faq2-2">
                        ¿Qué pasa si no puedo ir al pozo después de estar inscrito?
                      </button>
                    </h2>
                    <div id="faq2-2" class="accordion-collapse collapse border-0" aria-labelledby="faq2-heading-2">
                        <div class="accordion-body text-start p4">
                            <p>Tienes que comunicarlo lo antes posible:</p>
                            <p>a) Anulando la reserva en el listado de pozos</p>
                            <p>b) Enviando un whatsapp en el grupo</p>
                            <p></p>
                            <p>La anulación será efectiva cuando Raúl lo confirme</p>
                        </div>
                    </div>
                </div><!--//accordion-item-->                                    
            </div><!--//faq2-accordion-->
        </div><!--//app-card-body-->
    </div><!--//app-card-->
    <div class="app-card app-card-accordion shadow-sm mb-4">
        <div class="app-card-header p-3">
           <h4 class="app-card-title">Los partidos</h4>
        </div><!--//app-card-header-->
        <div class="app-card-body p-4 pt-0">
            <div id="faq3-accordion" class="faq3-accordion faq-accordion accordion">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="faq3-heading-1">
                      <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq3-1" aria-expanded="false" aria-controls="faq3-1">
                        ¿Cómo se organizan los partidos?
                      </button>
                    </h2>
                    <div id="faq3-1" class="accordion-collapse collapse border-0" aria-labelledby="faq3-heading-1">
                        <div class="accordion-body text-start p4">
                            El formato de los pozos es el de 'Pozo americano'.
                            Unos minutos antes del comienzo, se sortean las pistas y las parejas.
                            Cada partido dura 20 minutos.
                            La pareja ganadora sube de pista y la perdedora baja.
                            En el nuevo partido las parejas se cruzan.
                        </div>
                    </div>
                </div><!--//accordion-item-->

                <div class="accordion-item">
                  <h2 class="accordion-header" id="faq3-heading-2">
                    <button class="accordion-button btn btn-link" type="button" data-bs-toggle="collapse"  data-bs-target="#faq3-2" aria-expanded="false" aria-controls="faq3-1">
                      ¿Quién es el ganador del pozo?
                    </button>
                  </h2>
                  <div id="faq3-2" class="accordion-collapse collapse border-0" aria-labelledby="faq3-heading-1">
                      <div class="accordion-body text-start p4">
                          ¡Todos somos ganadores!
                          <p>Venimos a pasarnoslo bien. Si lo conseguimos, ganamos</p>
                      </div>
                  </div>
              </div><!--//accordion-item-->                                                                  
            </div><!--//faq3-accordion-->
        </div><!--//app-card-body-->
    </div><!--//app-card-->
    
    <div class="row g-3 mb-4 align-items-center justify-content-between">
        <div class="col-auto">
            <a class="btn app-btn-secondary" href="{% url 'principal' %}">Volver al inicio</a>
        </div>
    </div>
</div>
{% endblock %}