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

{% block main %}
    <div class="row">
        <div class="col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Actualización de Tiendas</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    {% for label, messages in app.flashes() %}
                        {% for message in messages %}
                            <div class="alert alert-{{ label }}">
                                {% autoescape false %}{{ message }}{% endautoescape %}
                            </div>
                        {% endfor %}
                    {% endfor %}
                    <table class="table DataTableEstado">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>SFID</th>
                                <th>Posiciones</th>
                                <th>Regulador</th>
                                <th>% Regulador</th>
                                <th>Sensor</th>
                                <th>% Sensor</th>
                                <th>Product Pad</th>
                                <th>% Product Pad</th>
                                <th>Total</th>
                                <th>% Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for establecimiento in establecimientos if establecimiento.cantidadTerminales > 0 %}
                                <tr>
                                    <td>{{ loop.index }}</td>
                                    <td>{{ establecimiento.sfid }}</td>
                                    <td>{{ establecimiento.cantidadTerminales }}</td>
                                    <td>{{ establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosRegulador }}</td>
                                    <td>{{ (((establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosRegulador)/establecimiento.cantidadTerminales) * 100)|round(2) }}%</td>
                                    <td>{{ establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosSensor }}</td>
                                    <td>{{ (((establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosSensor)/establecimiento.cantidadTerminales) * 100)|round(2) }}%</td>
                                    <td>{{ establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosProductpad }}</td>
                                    <td>{{ (((establecimiento.cantidadTerminales - establecimiento.cantidadTerminalesNoActualizadosProductpad)/establecimiento.cantidadTerminales) * 100)|round(2) }}%</td>
                                    <td>{{ establecimiento.cantidadPosicionesActualizados}}</td>
                                    <td>{{ ((establecimiento.cantidadPosicionesActualizados/establecimiento.cantidadTerminales) * 100)|round(2) }}%</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="3" style="text-align:right">Total:</th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                        </tfoot>

                    </table>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('.DataTableEstado').DataTable({
                paging: false,
                "footerCallback": function (row, data, start, end, display) {
                    var api = this.api(), data;

                    // Remove the formatting to get integer data for summation
                    var intVal = function (i) {
                        return typeof i === 'string' ?
                                i.replace(/[^\d.-]/g, '') * 1 :
                                typeof i === 'number' ?
                                i : 0;
                    };

                    function sumatorio(idcolumna) {
                        total = api.column(idcolumna).data().reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);
                        pageTotal = api.column(idcolumna, {page: 'current'}).data().reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);
                        $(api.column(idcolumna).footer()).html(pageTotal + ' (' + total + ' total)');
                    }
                    function media(idcolumna) {
                        total = api.column(idcolumna).data().reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);
                        pageTotal = api.column(idcolumna, {page: 'current'}).data().reduce(function (a, b) {
                            return intVal(a) + intVal(b);
                        }, 0);
                        total = Math.round((total / api.column(idcolumna).data().length) * 100) / 100;
                        pageTotal = Math.round((pageTotal / api.column(idcolumna, {page: 'current'}).data().length) * 100) / 100;

                        $(api.column(idcolumna).footer()).html(pageTotal + '% (' + total + '% total)');
                    }

                    //Sensor
                    sumatorio(3);
                    media(4);
                    //Regulador
                    sumatorio(5);
                    media(6);
                    //ProdPad
                    sumatorio(7);
                    media(8);
                    //Total
                    sumatorio(9);
                    media(10);

                }
            });
        });
    </script>
{% endblock main %}