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

{% block title %} Catalogos {% endblock %}


{% block body %}

<div class="row">
    <!-- Plantilla Categoría -->
    <div class="col-6 col-md-4 mb-2">
        <div class="card border-info shadow-sm">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Categorías</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data" action="{% url 'cargar_plantilla' 'categoria' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="fileCategoria" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="fileCategoria" 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 Categorías
                    </button>
                    <a href="{% url 'descargar_plantilla' 'categoria' %}" class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Categorías
                    </a>
                </form>
            </div>
        </div>
    </div>

    <!-- Plantilla Grupo -->
    <div class="col-6 col-md-4 mb-2">
        <div class="card border-info shadow-sm">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Grupos</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data" action="{% url 'cargar_plantilla' 'grupo' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="fileGrupo" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="fileGrupo" 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 Grupos
                    </button>
                    <a href="{% url 'descargar_plantilla' 'grupo' %}" class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Grupos
                    </a>
                </form>
            </div>
        </div>
    </div>


    <!-- Plantilla Marca -->
    <div class="col-6 col-md-4 mb-2">
        <div class="card border-info shadow-sm">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Marcas</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data" action="{% url 'cargar_plantilla' 'marca' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="fileGrupo" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="fileMarca" 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 Marcas
                    </button>
                    <a href="{% url 'descargar_plantilla' 'marca' %}" class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Marcas
                    </a>
                </form>
            </div>
        </div>
    </div>


    <!-- Plantilla Medidas -->
    <div class="col-6 col-md-4 mb-2">
        <div class="card border-info shadow-sm">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Medidas Maestras</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data"
                    action="{% url 'cargar_plantilla' 'medidas_maestras' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="fileMedidaMaestra" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="fileMedidaMaestra" 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 Medidas Maestras
                    </button>
                    <a href="{% url 'descargar_plantilla' 'medidas_maestras' %}" class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Medidas Maestras
                    </a>
                </form>
            </div>
        </div>
    </div>




    <!-- Plantilla Presentaciones -->
    <div class="col-6 col-md-4 mb-2">
        <div class="card border-info shadow-sm">
            <div class="card-header text-white bg-info">
                <h5 class="card-title mb-0">Presentaciones Mayores</h5>
            </div>
            <div class="card-body">
                <form method="post" enctype="multipart/form-data"
                    action="{% url 'cargar_plantilla' 'presentaciones_mayores' %}">
                    {% csrf_token %}
                    <div class="form-group mb-3">
                        <label for="filePresentacionMayor" class="form-label">Subir Plantilla</label>
                        <input type="file" class="form-control" id="filePresentacionMayor" 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 Presentaciones Mayores
                    </button>
                    <a href="{% url 'descargar_plantilla' 'presentaciones_mayores' %}"
                        class="btn btn-sm btn-primary w-100">
                        <i class="bi bi-download"></i> Descargar Plantilla Presentaciones Mayores
                    </a>
                </form>
            </div>
        </div>
    </div>



</div>



{% endblock %}



{% block scripts %}

{% if plantilla_cargada %}
<script>
    Swal.fire({
        title: 'Éxito',
        text: 'La Plantilla ha sido Cargada Correctamente!',
        icon: 'success',
        confirmButtonColor: '#3085d6',
        confirmButtonText: 'Ok!'
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = "{% url 'admin_catalogos_view' %}";
        }
    });
</script>
{% elif plantilla_incorrecta %}
<script>
    Swal.fire({
        title: 'Plantilla Incorrecta',
        text: 'La Plantilla Cargada NO es la Correcta!',
        icon: 'error',
        confirmButtonColor: '#d33',
        confirmButtonText: 'Ok'
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = "{% url 'admin_catalogos_view' %}";
        }
    });
</script>
{% elif formato_incorrecto %}
<script>
    Swal.fire({
        title: 'Formato Incorrecto',
        text: 'No se pudo leer el archivo. Asegúrate de que esté en formato .xlsx!',
        icon: 'error',
        confirmButtonColor: '#d33',
        confirmButtonText: 'Ok'
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = "{% url 'admin_catalogos_view' %}";
        }
    });
</script>
{% endif %}


<script>
    $(document).ready(function () {
        var buttons = "Bfrtlip";

        var csrfToken = "{{ csrf_token }}";
        var user_id = "{{ user_id }}";
        var tipo_usuario = "{{ tipo_usuario }}";
        var userName = "{{ userName }}";

    });
</script>



{% endblock %}