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

{% block searchform %}

    {{ form_start(searchform, {'attr': {'class': 'search form-inline'}}) }}

    <div class="box-body">
        <fieldset>
            <div class="form-group">
                {{ form_label(searchform.terms) }}&nbsp;
                {{ form_widget(searchform.terms) }}
            </div>
            &nbsp;
            <div class="form-group">
                {{ form_label(searchform.date_from) }}&nbsp;
                {{ form_widget(searchform.date_from) }}
            </div>
            &nbsp;
            <div class="form-group">
                {{ form_label(searchform.date_to) }}&nbsp;
                {{ form_widget(searchform.date_to) }}
            </div>
            &nbsp;
            <div class="form-group">
                {{ form_label(searchform.status) }}&nbsp;
                {{ form_widget(searchform.status) }}
            </div>

        </fieldset>
    </div>

    <div class="box-footer clearfix">
        {#<a href="#search-secondary" data-toggle="collapse" class="btn btn-default" aria-controls="search-secondary">
            Avanzado <span class="caret"></span>
        </a>
#}
        <button id="btnexcel" type="button" onclick="event.preventDefault(); descarga(); " class="btn btn-default">
            <i class="fa fa-file-excel-o"></i>&nbsp;
            Exportar Excel
        </button>

        <div class="pull-right box-tools">

            <button id="search-submit" type="submit" class="btn  btn-primary" ><span class="fa fa-filter"></span> &nbsp;Buscar
            </button>

            <a id="search-reset" href="{{ path('factura_index') }}"
               class="btn btn-warning">Limpiar</a>
        </div>


    </div>

    {{ form_end(searchform) }}


{% endblock %}

{% block body %}
    <form name="invoice_list"  method="POST" action="{{ path('factura_index') }}">
        <div class="box box-primary">
            <div class="box-header">
                <i class="fa fa-list-ul"></i>
                <h3 class="box-title">Facturas</h3>
                &nbsp;
                <div class="btn-group">


                    &nbsp;&nbsp;
                    <div class="btn-group">

                        <button type="submit" name="delete" class="btn btn-app"
                                title="Borrar seleccionados"
                                data-confirm="¿Estás seguro de querer eliminar los clientes seleccionados?">
                            <i class="glyphicon glyphicon-trash"></i>
                            Eliminar
                        </button>
                        {% if estado == 'G' %}
                            <button type="submit" name="enviarsri" class="btn btn-app">
                                <i class="glyphicon glyphicon-cloud-upload"></i>
                                Enviar SRI
                            </button>
                        {% else %}
                            <a href="#" name="enviarsri" class="btn btn-app disabled">
                                <i class="glyphicon glyphicon-cloud-upload"></i>
                                Enviar SRI
                            </a>
                        {% endif %}
                        {% if estado == 'R' %}
                            <button type="submit" name="autorizar" class="btn btn-app">
                                <i class="glyphicon glyphicon-cloud-download"></i>
                                Autorizar SRI
                            </button>
                        {% else %}
                            <a href="#" name="autorizar" class="btn btn-app disabled">
                                <i class="glyphicon glyphicon-cloud-download"></i>
                                Autorizar SRI
                            </a>
                        {% endif %}

                        {#    <button type="submit" name="print" class="btn btn-default" title="list.bulk_print">
                                <span class="glyphicon glyphicon-print"></span></button>
                            <button type="submit" name="pdf" class="btn btn-default" title="list.bulk_pdf">
                                <span class="glyphicon glyphicon-download-alt"></span></button>
            #}
                    </div>
                    {#<div class="box-tools pull-right">
                        <div class="btn-group">
                            <label for="limit" class="control-label">Registros x Pagina</label>&nbsp;
                            <select class="input-filter" onchange="this.form.submit()" id="limit" name="limit"><option value="15" selected="selected">15</option><option value="30">30</option><option value="50">50</option></select>
                        </div>
                    </div>#}
                </div>

                <div class="box-body">

                    <table class="table table-condensed table-striped align-middle" data-type="invoices"
                           id="laravel_crud">
                        <thead class="thead-dark">
                        <tr>
                            <th class="cell-size-tiny cell-align-center">
                                <input type="checkbox" name="all"/>
                            </th>
                            <th>Serie</th>
                            <th>Numero</th>
                            <th>Cliente</th>
                            <th>Emision</th>
                            <th class="cell-align-center">Estado</th>
                            <th>F. Autorizacion</th>
                            <td>Action</td>
                        </tr>
                        </thead>
                        <tbody>
                        {% for item in facturas %}
                            <tr data-link="{{ path('factura_show', { 'id': item.id }) }}">
                                <td class="table-action cell-align-center no-link">
                                    <input type="checkbox" name="facturas[]" value={{ item.id }}>
                                </td>
                                <td>{{ item.serie }}</td>
                                <td>{{ item.numero }}</td>
                                <td>{{ item.cliente | length > 40 ? item.cliente | slice(0, 40) ~ ' ...' : item.cliente }}
                                <td>{{ item.emision ? item.emision|date('d-m-Y') : '' }}</td>
                                <td class="cell-align-center">
                                {% if item.estado == 'G' %}
                                    <span class="label notice">Generado</span>
                                {% elseif item.estado == 'A' %}
                                    <span class="label success">Autorizado</span>
                                {% elseif item.estado == 'R' %}
                                    <span class="label pending">NO Autorizado</span>
                                {% else %}
                                    <span class="label unknown">unknown</span>
                                {% endif %}
                                </td>
                                <td>{{ item.fecAutorizacion is null ? '' : item.fecAutorizacion|date('d-m-Y H:i:s') }}</td>
                                <td></td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="8"> NO SE ENCONTRARON REGISTROS</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    <div class="box-footer clearfix">
                        <div class="navigation">
                            {{ knp_pagination_render(facturas) }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="modalwait">

    </div>
    <script>
        function descarga () {
            $body = $("body");

                $body.addClass("loading");
                var data = $("#forminvoicesearchsv").serialize();
                $.ajax({
                    url  : ' {{ path('factura_downloadxls') }} ',
                    method : "post",
                    data : data,
                    xhrFields: {
                        responseType: 'blob'
                    },
                    success: function(data) {
                        var a = document.createElement('a');
                        var url = window.URL.createObjectURL(data);
                        a.href = url;
                        a.download = 'facturas.xlsx';
                        document.body.append(a);
                        a.click();
                        a.remove();
                        window.URL.revokeObjectURL(url);
                        $body.removeClass("loading");
                    },
                    error: function () {
                        $body.removeClass("loading");
                    }
                });
            };



    </script>


{% endblock %}