{% extends 'menu/menu.html' %}
{% load static %}

{% block title %} Clientes {% endblock %}

{% block body %}
<div class="row">

    <!-- Plantilla Clientes -->
    <div class="col-lg-3 mb-2">
        <div class="card border-info shadow-sm w-100">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Clientes</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data" action="{% url 'cargar_plantilla' 'clientes' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="fileClientes" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="fileClientes" name="file" required>
                    </div>
                    <button type="submit" class="btn btn-sm btn-success w-100 mb-2">
                        <i class="bi bi-upload"></i> Cargar Plantilla Clientes
                    </button>
                    <!-- Enlace de descarga usando staticfiles -->
                    <a href="{% static 'plantillas/clientes.xlsx' %}" download class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Clientes
                    </a>
                </form>
            </div>
        </div>
    </div>

</div>
{% endblock %}

{% block scripts %}
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    {% if messages %}
        {% for message in messages %}
            Swal.fire({
                title: "{% if message.tags == 'success' %}¡Éxito!{% else %}¡Error!{% endif %}",
                text: "{{ message|escapejs }}",
                icon: "{% if message.tags == 'success' %}success{% else %}error{% endif %}",
                confirmButtonColor: "{% if message.tags == 'success' %}#3085d6{% else %}#d33{% endif %}",
                confirmButtonText: "Ok"
            });
        {% endfor %}
    {% endif %}
</script>
{% endblock %}