{% extends "base.html.twig" %}

{% trans_default_domain 'core' %}

{% block actionheader %}
{% endblock %}

{% block searchform_container %}
{% endblock %}

{% block body %}

<div class="container-fluid">

    <div class="row">
        <div class="col-md-12">

            <div class="panel panel-default">

                <div class="panel-heading clearfix">

                    <strong style="font-size: 18px;">
                        Compras
                    </strong>

                   <a href="{{ path('compras_nueva') }}" class="btn btn-primary">
    <span class="glyphicon glyphicon-plus"></span>
    Nueva compra
</a>

<button type="button"
        class="btn btn-success"
        data-toggle="modal"
        data-target="#modalImportarCompra">
    <span class="glyphicon glyphicon-import"></span>
    Importar Excel
</button>

                </div>

                <div class="panel-body">

                    {% for message in app.flashes('success') %}
                        <div class="alert alert-success">
                            {{ message }}
                        </div>
                    {% endfor %}

                    {% for message in app.flashes('danger') %}
                        <div class="alert alert-danger">
                            {{ message }}
                        </div>
                    {% endfor %}

                    {% for message in app.flashes('warning') %}
                        <div class="alert alert-warning">
                            {{ message }}
                        </div>
                    {% endfor %}

                    {% for message in app.flashes('info') %}
                        <div class="alert alert-info">
                            {{ message }}
                        </div>
                    {% endfor %}

                    {% if compras|length > 0 %}

                        <div class="table-responsive">

                            <table class="table table-bordered table-striped">

                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>Fecha</th>
                                        <th>Proveedor</th>
                                        <th>Documento</th>
                                        <th class="text-right">Subtotal</th>
                                        <th class="text-right">IVA</th>
                                        <th class="text-right">Total</th>
                                        <th>Estado</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>

                                <tbody>

                                {% for compra in compras %}

                                    <tr>

                                        <td>
                                            {{ compra.id }}
                                        </td>

                                        <td>
                                            {% if compra.fecha %}
                                                {{ compra.fecha|date('Y-m-d') }}
                                            {% endif %}
                                        </td>

                                        <td>
                                            {% if compra.provider %}
                                                {{ compra.provider.name }}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>

                                        <td>
                                            {% if compra.serie %}
                                                {{ compra.serie }}-
                                            {% endif %}
                                            {{ compra.numeroDocumento }}
                                        </td>

                                        <td class="text-right">
                                            {{ compra.subtotal|number_format(2, '.', ',') }}
                                        </td>

                                        <td class="text-right">
                                            {{ compra.iva|number_format(2, '.', ',') }}
                                        </td>

                                        <td class="text-right">
                                            <strong>
                                                {{ compra.total|number_format(2, '.', ',') }}
                                            </strong>
                                        </td>

                                        <td>
                                            {{ compra.estado }}
                                        </td>

                                        <td style="white-space:nowrap;">

                                            <a
                                                href="{{ path('compras_ver', {'id': compra.id}) }}"
                                                class="btn btn-xs btn-default"
                                                title="Ver compra"
                                            >
                                                <span class="glyphicon glyphicon-eye-open"></span>
                                                Ver
                                            </a>

                                            {% if compra.estado != 'ANULADA' %}

                                                <a
                                                    href="{{ path('compras_editar', {'id': compra.id}) }}"
                                                    class="btn btn-xs btn-warning"
                                                    title="Editar compra"
                                                >
                                                    <span class="glyphicon glyphicon-edit"></span>
                                                    Editar
                                                </a>

                                                <form
                                                    method="post"
                                                    action="{{ path('compras_eliminar', {'id': compra.id}) }}"
                                                    style="display:inline;"
                                                    onsubmit="return confirm('¿Está seguro de eliminar esta compra? Esta acción revertirá las cantidades ingresadas al inventario.');"
                                                >

                                                    <input
                                                        type="hidden"
                                                        name="_token"
                                                        value="{{ csrf_token('eliminar_compra_' ~ compra.id) }}"
                                                    >

                                                    <button
                                                        type="submit"
                                                        class="btn btn-xs btn-danger"
                                                        title="Eliminar compra"
                                                    >
                                                        <span class="glyphicon glyphicon-trash"></span>
                                                        Eliminar
                                                    </button>

                                                </form>

                                            {% endif %}

                                        </td>

                                    </tr>

                                {% endfor %}

                                </tbody>

                            </table>

                        </div>

                    {% else %}

                        <div class="alert alert-info">
                            No existen compras registradas para esta empresa.
                        </div>

                    {% endif %}

                </div>

            </div>

        </div>
    </div>

</div>


<!-- ============================================================
     MODAL IMPORTAR COMPRA DESDE EXCEL
     ============================================================ -->

<div class="modal fade"
     id="modalImportarCompra"
     tabindex="-1"
     role="dialog"
     aria-labelledby="modalImportarCompraLabel">

    <div class="modal-dialog modal-lg" role="document">

        <div class="modal-content">

            <form method="post"
                  action="{{ path('compras_importar') }}"
                  enctype="multipart/form-data"
                  id="formImportarExcel">

                <div class="modal-header">

                    <button type="button"
                            class="close"
                            data-dismiss="modal"
                            aria-label="Cerrar">

                        <span aria-hidden="true">&times;</span>

                    </button>

                    <h4 class="modal-title"
                        id="modalImportarCompraLabel">

                        <span class="glyphicon glyphicon-import"></span>
                        Importar compra desde Excel

                    </h4>

                </div>


                <div class="modal-body">

                    <!-- ==================================================
                         DATOS GENERALES DE LA COMPRA
                         ================================================== -->

                    <div class="alert alert-info">

                        <strong>Datos generales de la compra</strong>

                        <br>

                        Seleccione el proveedor e ingrese los datos
                        del comprobante. Estos datos se aplicarán
                        a toda la compra importada.

                    </div>


                    <div class="row">

                     <!-- PROVEEDOR -->
<div class="col-md-8">

    <div class="form-group">

        <label for="provider_id_importacion">
            Proveedor
        </label>

        <div class="input-group">

            <select name="provider_id_importacion"
                    id="provider_id_importacion"
                    class="form-control"
                    required>

                <option value="">
                    Seleccione un proveedor
                </option>

                {% for provider in providers %}

                    <option value="{{ provider.id }}"
                            data-ruc="{{ provider.identification|default('') }}">

                        {{ provider.name }}

                        {% if provider.identification %}
                            - {{ provider.identification }}
                        {% endif %}

                    </option>

                {% endfor %}

            </select>

            <span class="input-group-btn">

                <button type="button"
                        class="btn btn-success"
                        data-toggle="modal"
                        data-target="#modalNuevoProveedor"
                        title="Nuevo proveedor">

                    <span class="glyphicon glyphicon-plus"></span>

                </button>

            </span>

        </div>

    </div>

</div>


                        <!-- RUC -->
                        <div class="col-md-4">

                            <div class="form-group">

                                <label for="ruc_proveedor">
                                    RUC / Identificación
                                </label>

                                <input type="text"
                                       name="ruc_proveedor"
                                       id="ruc_proveedor"
                                       class="form-control"
                                       readonly
                                       required>

                            </div>

                        </div>

                    </div>


                    <div class="row">

                        <!-- FECHA -->
                        <div class="col-md-3">

                            <div class="form-group">

                                <label for="fecha_importacion">
                                    Fecha
                                </label>

                                <input type="date"
                                       name="fecha"
                                       id="fecha_importacion"
                                       class="form-control"
                                       value="{{ 'now'|date('Y-m-d') }}"
                                       required>

                            </div>

                        </div>


                        <!-- TIPO -->
                        <div class="col-md-3">

                            <div class="form-group">

                                <label for="tipo_importacion">
                                    Tipo de documento
                                </label>

                                <select name="tipo"
                                        id="tipo_importacion"
                                        class="form-control"
                                        required>

                                    <option value="">
                                        Seleccione
                                    </option>

                                    <option value="01">
                                        01 - Factura
                                    </option>

                                    <option value="03">
                                        03 - Liquidación de compra
                                    </option>

                                    <option value="04">
                                        04 - Nota de crédito
                                    </option>

                                    <option value="05">
                                        05 - Nota de débito
                                    </option>

                                </select>

                            </div>

                        </div>


                        <!-- SERIE -->
                        <div class="col-md-3">

                            <div class="form-group">

                                <label for="serie_importacion">
                                    Serie
                                </label>

                                <input type="text"
                                       name="serie"
                                       id="serie_importacion"
                                       class="form-control"
                                       placeholder="001-001"
                                       required>

                            </div>

                        </div>


                        <!-- NUMERO -->
                        <div class="col-md-3">

                            <div class="form-group">

                                <label for="numero_importacion">
                                    Número
                                </label>

                                <input type="text"
                                       name="numero"
                                       id="numero_importacion"
                                       class="form-control"
                                       placeholder="000000001"
                                       required>

                            </div>

                        </div>

                    </div>


                    <hr>


                    <!-- ==================================================
                         ARCHIVO EXCEL
                         ================================================== -->

                    <div class="alert alert-warning">

                        <strong>Archivo Excel</strong>

                        <br>

                        El Excel contiene únicamente los productos
                        de esta compra.

                        <br>

                        Los datos generales se ingresan en este formulario.

                    </div>


                    <div class="form-group">

                        <label for="archivo_importacion">
                            Archivo Excel
                        </label>

                        <input type="file"
                               name="archivo"
                               id="archivo_importacion"
                               class="form-control"
                               accept=".xlsx,.xls"
                               required>

                    </div>


                    <!-- ==================================================
                         ESTRUCTURA DEL EXCEL
                         ================================================== -->

                    <div class="well well-sm">

                        <strong>
                            El Excel debe tener exactamente estas columnas:
                        </strong>

                        <br><br>

                        <div class="table-responsive">

                            <table class="table table-bordered table-condensed">

                                <thead>

                                    <tr>

                                        <th>CODIGO</th>
                                        <th>NOMBRE</th>
                                        <th>CANTIDAD</th>
                                        <th>PRECIO</th>
                                        <th>PRECIO2</th>
                                        <th>IVA</th>
                                        <th>PERCHA</th>
                                        <th>LOTE</th>
                                        <th>FECHA CADUCA</th>

                                    </tr>

                                </thead>

                                <tbody>

                                    <tr>

                                        <td>PROD001</td>

                                        <td>
                                            Producto de ejemplo
                                        </td>

                                        <td>
                                            5
                                        </td>

                                        <td>
                                            10.00
                                        </td>

                                        <td>
                                            12.00
                                        </td>

                                        <td>
                                            15
                                        </td>

                                        <td>
                                            A-01
                                        </td>

                                        <td>
                                            LOTE001
                                        </td>

                                        <td>
                                            31/12/2027
                                        </td>

                                    </tr>

                                </tbody>

                            </table>

                        </div>


                        <p class="text-muted">

                            <strong>PRECIO</strong> y
                            <strong>PRECIO2</strong>
                            se ingresan sin IVA.

                            <br>

                            No se utiliza descuento.

                            <br>

                            Si el producto no existe,
                            será creado automáticamente.

                        </p>

                    </div>


                    <!-- ==================================================
                         CSRF
                         ================================================== -->

                    <input type="hidden"
                           name="_token"
                           value="{{ csrf_token('importar_compra_excel') }}">

                </div>


                <!-- ======================================================
                     FOOTER
                     ====================================================== -->

                <div class="modal-footer">

                    <a href="{{ path('compras_plantilla') }}"
                       class="btn btn-info">

                        <span class="glyphicon glyphicon-download-alt"></span>

                        Descargar plantilla

                    </a>


                    <button type="button"
                            class="btn btn-default"
                            data-dismiss="modal">

                        Cancelar

                    </button>


                    <button type="submit"
                            class="btn btn-success">

                        <span class="glyphicon glyphicon-import"></span>

                        Importar compra

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>


<!-- ============================================================
     JAVASCRIPT IMPORTAR COMPRA
     ============================================================ -->

<script>

$(document).ready(function () {

    /*
     * ============================================================
     * SELECCIONAR PROVEEDOR
     * ============================================================
     *
     * Al seleccionar un proveedor obtenemos automáticamente
     * su RUC / identificación.
     */

    $('#provider_id_importacion').on('change', function () {

        var optionSeleccionada = $(this).find('option:selected');

        var ruc = optionSeleccionada.attr('data-ruc') || '';

        $('#ruc_proveedor').val(ruc);

    });


    /*
     * ============================================================
     * LIMPIAR MODAL AL CERRAR
     * ============================================================
     */

    $('#modalImportarCompra').on('hidden.bs.modal', function () {

        $('#formImportarExcel')[0].reset();

        $('#ruc_proveedor').val('');

        $('#fecha_importacion').val(
            new Date().toISOString().split('T')[0]
        );

    });

});

</script>


{% endblock %}