{% extends 'gakusei/detail-layout.html' %}

    {% block regresar-url %}{% url 'sede' %}{% endblock %}


    {% block card-title %}Sede {{sede}}{% endblock %}


    {% block edit-url %}{% url 'sede-edit' sede.pk %}{% endblock %}
    {% block edit-text %}<i class="fs-4 fa-solid fa-pen-to-square"></i> Editar Sede{% endblock %}


    {% block card-body %}
        <ul class="mb-4 list-group list-group-flush">
            <li class="list-group-item"><span class="fw-bold">Nombre:</span>                     {{ sede.nombre }}     </li>
            <li class="list-group-item"><span class="fw-bold">Ubicación:</span>                  {{ sede.ubicacion }}  </li>
            <li class="list-group-item"><span class="fw-bold">Información de Contacto:</span>   {{ sede.contacto }}   </li>
        </ul>


        <h3>Google Maps</h3>
        {% if sede.maps %}
            <div class="p-3" style="width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center;">
                <iframe src="{{ sede.maps }}" style="width: 100%; height: 100%; border: none;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        {% else %}
            <p class="mb-4"><i>Sin Google Map registrado.</i></p>
        {% endif %}
    {% endblock %}

    
    {% block delete %}{% endblock %}