{% extends 'layouts/panel_layout.html.twig' %}

{% block title %}
    Facturas Recuperdas
{% endblock %}

{% block stylesheets %}
{% endblock %}

{% block content %}

    {# TITULO #}
    <div class="bg-dark m-b-30">
        <div class="container">
            <div class="row p-b-60 p-t-60">

                <div class="col-md-10 mx-auto text-center text-white p-b-30">
                    <div class="m-b-20">
                        <div class="avatar avatar-xl my-auto">
                            <i class="icon-placeholder mdi mdi-ticket-account" style="font-size: 5rem"></i>
                        </div>
                    </div>
                    <h1 id="page-offset">Facturas Recuperadas</h1>
                    </p>
                </div>

            </div>
        </div>
    </div>

    {# BOTONERA PRINCIPAL #}
    <div class="container pull-up pb-5 mb-3">

        <div class="row">

            <div class="col-12 m-b-30">
                <div class="card card-hover" style="cursor: pointer">
                    <div class="card-body">

                        <div class="row py-2 px-2">

                            <div class="col-6 p-t-15">
                                <h5 class="text-uppercase">Facturas Recuperadas: <span class="text-danger pl-3">{{ facturas | length }}</span> </h5>
                            </div>

                            <div class="col-6">

                                <p class="text-right">
                                    <a href="{{ path('facturacion_index') }}" class="btn btn-outline-dark">
                                        <i class="mdi mdi-restore mdi-18px m-r-5"></i> Volver
                                    </a>
                                </p>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>

    </div>

    {# CONTENIDO PRINCIPAL #}
    <div class="container-fluid pull-up pb-5 mb-5">

        <div class="row">

            {# RESULTADO DE FILTRO (DEFAULT FACTURAS DEL DIA) #}
            <div class="col-12 mt-4">
                <div class="card">

                    <div class="card-body">
                        <div class="table-responsive p-t-10">

                            <table class="table nowrap table-striped table-sm table-hover" style="width:100%">
                                <thead>
                                <tr>
                                    <th class="text-center">FECHA / HORA</th>
                                    <th class="text-center">VENDEDOR</th>
                                    <th class="text-center">CLIENTE</th>
                                    <th class="text-center">Nº Comprobante Temporal</th>
                                    <th class="text-right">Cantidad de artículos</th>
                                    <th class="text-right">Monto</th>
                                    <th class="text-right">Opciones</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for factura in facturas %}
                                    <tr>
                                        <td class="text-center pt-3">{{ factura.fechaOperacion | date('d-m-Y') }} / {{ factura.horaOperacion | date('h:m:s') }} </td>
                                        <td>{{factura.vendedor.nombre}}</td>
                                        <td class="text-center pt-3">{% if factura.cliente %}{{ factura.cliente.apenom | upper }}{% endif %}</td>
                                        <td class="text-center pt-3">{{ factura.codfacturaTmp }}</td>
                                        <td class="text-right pt-3">
                                            {% set cantidad = 0 %}
                                            {% for linea in factura.factuLinea %}
                                                {% set cantidad = cantidad + linea.cantidad %}
                                            {% endfor %}
                                            {{ cantidad }}
                                        </td>
                                        <td class="text-right pt-3">
                                            <span class="float-right pr-3"> <span class="pl-2">$</span> {{ factura.totalFactura | number_format(2,",",".")  }}</span>
                                        </td>
                                        <td class="text-right">

                                            <a class="btn btn-sm btn-info" href="{{ path('facturacion_editar', { id: factura.id}) }}">
                                                <span class="mdi mdi-magnify"></span>
                                            </a>

                                            <a class="btn btn-sm btn-danger"
                                               href="{{ path('facturacion_temporal_borrar', { id: factura.id}) }}"
                                            >
                                                <span class="mdi mdi-trash-can"></span>
                                            </a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>

{% endblock %}

{% block javascripts %}
{% endblock %}