{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Listado de control de cajas{% endblock %}
{% block sectionActions %}
    <button class="btn bg-color5 btn-rounded heading-btn" onclick="openCashpointSelectionModal()" id="open_cashpoint_selection_button"><i class="icon-plus2 position-left"></i>Nueva apertura de caja</button>
{% endblock %}
{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('sales_menu') }}">Punto de venta</a></li>
    <li class="active">Listado de control de cajas</li>
{% endblock %}

{% block javascript %}
    {{ parent() }}
    <script src="{{ asset('assets/js/core.manage_cashpoint.searchcriteria.js') }}"></script>
{% endblock %}


{% block content %}

    <div class="panel-body">

        {% for label, flashes in app.session.flashbag.all %}
            {% for flash in flashes %}
                <div class="alert alert-{{ label }}">
                    {{ flash }}
                </div>
            {% endfor %}
        {% endfor %}

        {% include '@Core/Sales/manage_cashpoint_searcher_header.html.twig' %}

        <div class="panel panel-flat">

            <div class="panel-body">

            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                <div class="datatable-scroll">
                    <table class="table no-footer" id="DataTables_Table_0" role="grid"
                           aria-describedby="DataTables_Table_0_info">

                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                Tienda
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                Caja
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                Fecha apertura
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                Fecha cierre
                            </th>
                            <th id="cashpoint_close_total">
                                Importe de cierre
                            </th>
                            <th id="cashpoint_income_total">
                                Ingresos en caja
                            </th>
                            <th id="cash_income_total">
                                Ingresos en metálico
                            </th>
                            <th id="card_income_total">
                                Ingresos en tarjeta
                            </th>
                            <th id="fix_cashpoint_total">
                                Descuadre en caja
                            </th>
                            <th id="operations_performed_total">
                                Operaciones realizadas
                            </th>
                            <th id="gain_total">
                                Ganancia
                            </th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">
                                Estado
                            </th>
                            <th class="col-sm-1 text-center sorting_disabled" rowspan="1" colspan="1"
                                aria-label="Actions">Acciones
                            </th>
                        </tr>
                        </thead>

                        <tbody>

                        {% for obj in managesCashpoint %}

                            {% set canViewTheRow = false %}

                            {#
                            {% set cashAmount = render(controller('CoreBundle:ManageCashpoint:getTotalIncomeByManageCashpointAndTypePayment', {'manageCashpoint' : obj.id, 'type' : constant('CoreBundle\\Entity\\TypeSalePayment::CASH') })) %}
                            {% set cardAmount = render(controller('CoreBundle:ManageCashpoint:getTotalIncomeByManageCashpointAndTypePayment', {'manageCashpoint' : obj.id, 'type' : constant('CoreBundle\\Entity\\TypeSalePayment::CREDIT_CARD') })) %}
                            #}
                            <!-- CASH -->
                            {% set cashAmount = 0 %}
                            {% if cashAmountSum[obj["id"]] is defined %}
                                {% set cashAmount = cashAmountSum[obj["id"]] %}
                            {% endif %}
                            <!-- CARD -->
                            {% set cardAmount = 0 %}
                            {% if cardAmountSum[obj["id"]] is defined %}
                                {% set cardAmount = cardAmountSum[obj["id"]] %}
                            {% endif %}

                            {% if (not roleRight and not isRightManageCashpointListInShops) and obj["typeStatusManageCashpointId"] == constant('CoreBundle\\Entity\\TypeStatusManageCashpoint::ID_STATUS_TO_OPENEND') %}
                                {% set canViewTheRow = true %}
                            {% else %}
                                {% if (roleRight or isRightManageCashpointListInShops) %}
                                    {% set canViewTheRow = true %}
                                {% endif %}
                            {% endif %}

                            {% if canViewTheRow %}

                            <tr role="row" class="odd">
                                <td>{{ obj["shopName"] }}</td>
                                <td>{{ obj["cashpointName"] }}</td>
                                <td><span class="hide_dataTable_dates">{{ obj["dateOpen"] | date('Y-m-d') }}</span>{{ obj["dateOpen"] | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</td>
                                <td>{% if obj["dateClose"] is not null %}{{ obj["dateClose"] | date('d-m-Y \\a \\l\\a\\s H:i:s') }}{% endif %}</td>
                                <td align="center">
                                    {% if obj["typeStatusManageCashpointId"] == constant('CoreBundle\\Entity\\TypeStatusManageCashpoint::ID_STATUS_TO_OPENEND') %}
                                        {{ (obj["amountClose"] + cashAmount + cardAmount) | number_format(2, '.', '') }}
                                    {% elseif obj["typeStatusManageCashpointId"] == constant('CoreBundle\\Entity\\TypeStatusManageCashpoint::ID_STATUS_TO_CLOSED') %}
                                        {{ obj["amountClose"] | number_format(2, '.', '') }}
                                    {% endif %}
                                </td>
                                <td align="center">
                                    {{ (cashAmount + cardAmount) | number_format(2, '.', '') }}
                                </td>
                                <td align="center">
                                    {{ cashAmount | number_format(2, '.', '') }}
                                </td>
                                <td align="center">
                                    {{ cardAmount | number_format(2, '.', '') }}
                                </td>
                                <td align="center">
                                    {{ ( obj["fixAmountOpen"] + obj["fixAmountClose"]) | number_format(2, '.', '') }}
                                </td>
                                <td align="center">
                                    {{ obj["sales"] }}
                                    {#  {{ obj.sales | length }}#}
                                </td>
                                <td align="center">
                                    {% if (roleRight or isRightManageCashpointListInShops) %}
                                        {% if gainByManageCashpoint[obj["id"]] is defined %}
                                            {{ gainByManageCashpoint[obj["id"]]  | number_format(2, '.', '')  }}
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td>
                                    {% if obj["typeStatusManageCashpointId"] == constant('CoreBundle\\Entity\\TypeStatusManageCashpoint::ID_STATUS_TO_OPENEND') %}
                                        <span class="label bg-green">{{ obj["typeStatusManageCashpointName"] }}</span>
                                    {% elseif obj["typeStatusManageCashpointId"] == constant('CoreBundle\\Entity\\TypeStatusManageCashpoint::ID_STATUS_TO_CLOSED') %}
                                        <span class="label bg-red">{{ obj["typeStatusManageCashpointName"] }}</span>
                                    {% else %}
                                        <span class="label bg-grey">-</span>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    <a type="button" href="{{ path('sales_manage_cashpoint_detail', { 'cashpoint' : obj["cashpointId"], 'manageCashpoint' : obj["id"] }) }}" class="double_click_disabled btn btn-flat text-color3 border-color3 btn-rounded text-color3"><i class="glyphicon glyphicon-arrow-right position-left"></i> Acceder</a>
                                </td>
                            </tr>

                            {% endif %}

                        {% endfor %}

                        </tbody>

                        <tfoot>
                            <tr role="row">
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"></th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"></th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"></th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">TOTALES</th>
                                <th id="cashpoint_close_cell" style="text-align: center"></th>
                                <th id="cashpoint_income_cell" style="text-align: center"></th>
                                <th id="cash_income_cell" style="text-align: center"></th>
                                <th id="card_income_cell" style="text-align: center"></th>
                                <th id="fix_cashpoint_cell" style="text-align: center"></th>
                                <th id="operations_performed_cell" style="text-align: center"></th>
                                <th id="gain_cell" style="text-align: center"></th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"></th>
                                <th class="col-sm-1 text-center sorting_disabled" rowspan="1" colspan="1" aria-label="Actions"></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>

            </div>
        </div>

    </div>

    </div>




    <div class="modal fade" id="select_cashpoint_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Seleccione la caja que desea abrir</h4>
                </div>

                <div class="modal-body">
                    <label></label>
                    <select class="form-control input-circle select-search typeahead" id="cashpoint_selector">
                        <option value="">Seleccione una caja</option>
                        {% for cashpoint in cashpoints %}
                            <option value="{{ cashpoint.id }}" data-is_opened="{{ render(controller('CoreBundle:ManageCashpoint:isCashpointOpened', {'cashpoint' : cashpoint.id })) }}">{{ cashpoint.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn-rounded btn btn-flat text-color3 border-color3" data-dismiss="modal">Cancelar</button>
                    <button  onclick="sendNewCashpointOpened()" class="btn-rounded btn bg-color3" id="send_new_cashpoint_opened_button">Seleccionar caja</button>
                </div>

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


{% endblock %}

{% block script %}
    <script type="text/javascript" src="{{asset('assets/js/entity.js')}}?v={{ "now"|date("d-m-Y") }}"></script>
    <script>

        //-DISABLE DOUBLE CLICK ON BUTTONS AND HREF
        $(".double_click_disabled").one("click", function() {
            $(this).click(function () { return false; });
        });

        {% if managesCashpoint | length > 0 %}
            jQuery.fn.dataTable.Api.register( 'sum()', function () {
                return this.flatten().reduce( function ( a, b ) {
                    return (a*1) + (b*1);
                });
            });
        {% endif %}

        $(document).ready(function(){
            var buttonCommon = {
                exportOptions: {
                    format: {
                        body: function ( data, row, column ) {
                            if(data.includes("hide_dataTable_dates")){
                                data = data.replace(/<[^]*>/g, "");
                            } else {
                                data = data.replace(/<[^>]*>/g, "");
                            }
                            return $.trim(data);
                        }
                    }
                }
            };

            var table = $('#DataTables_Table_0').DataTable({
                dom: 'lBfrtip',
                lengthMenu: [
                    [ 10, 25, 50, 100, -1 ],
                    [ '10', '25', '50', '100', 'Todos' ]
                ],
                buttons: [
                    $.extend( true, {}, buttonCommon, {
                        extend: 'csv',
                        footer: true,
                        exportOptions: {
                            columns: [0,1,2,3,4,5,6,7,8,9,10]
                        },
                    } ),
                    $.extend( true, {}, buttonCommon, {
                        extend: 'excel',
                        footer: true,
                        exportOptions: {
                            columns: [0,1,2,3,4,5,6,7,8,9,10]
                        },
                    } )
                ],
                order: [[2, 'desc']]
            });

            //var table = $('#DataTables_Table_0').DataTable().order([2, 'desc']).draw();

            {% if managesCashpoint | length > 0 %}
                getTotal(table, '#cashpoint_close_total', '#cashpoint_close_cell', 2);
                getTotal(table, '#cashpoint_income_total', '#cashpoint_income_cell', 2);
                getTotal(table, '#cash_income_total', '#cash_income_cell', 2);
                getTotal(table, '#card_income_total', '#card_income_cell', 2);
                getTotal(table, '#fix_cashpoint_total', '#fix_cashpoint_cell', 2);
                {% if (roleRight or isRightManageCashpointListInShops)  %}
                    getTotal(table, '#gain_total', '#gain_cell', 2);
                {% endif %}
                getTotal(table, '#operations_performed_total', '#operations_performed_cell', 0);
            {% endif %}
        });

        function openCashpointSelectionModal() {
            var cashpointsLength = Number('{{ cashpoints | length }}');

            if(cashpointsLength > 1) {
                $('#send_new_cashpoint_opened_button').prop("disabled", false);
                $('#select_cashpoint_modal').modal('show');
            } else if(cashpointsLength === 0) {
                new PNotify({
                    text: "Esta tienda no tiene configurada ninguna caja.",
                    type: "warning"
                });
            } else if(cashpointsLength === 1) {
                $("#open_cashpoint_selection_button").prop("disabled", true);

                {% if cashpoints | length > 0 %}
                    var is_opened = '{{ render(controller('CoreBundle:ManageCashpoint:isCashpointOpened', {'cashpoint' : cashpoints[0].id })) }}';
                    var cashpoint = '{{ cashpoints[0].id }}';
                {% else %}
                    var is_opened = '';
                    var cashpoint = '';
                {% endif %}

                checkIsOpened(is_opened, cashpoint);
            }
        }

        function sendNewCashpointOpened() {
            var cashpoint = $('#cashpoint_selector').find(":selected").val();

            if(cashpoint) {
                createNewCashpointAction(cashpoint);
            } else {
                new PNotify({
                    text: "Seleccione alguna caja no abierta para abrir",
                    type: "warning"
                });
            }
        }

        function createNewCashpointAction()
        {
            var isOpened = $('#cashpoint_selector').find(":selected").data('is_opened');
            var cashpoint = $('#cashpoint_selector').find(":selected").val();

            checkIsOpened(isOpened, cashpoint);
        }

        function checkIsOpened(isOpened, cashpoint){
            if(isOpened){
                $("#open_cashpoint_selection_button").prop("disabled", false);
                new PNotify({
                    text: "Esa caja ya se encuentra abierta",
                    type: "warning"
                });
            } else {
                $('#send_new_cashpoint_opened_button').prop("disabled", true);
                $('#select_cashpoint_modal').modal('hide');
                window.location.href = Routing.generate('new_manage_cashpoint', { 'cashpoint' : cashpoint })
            }
        }

        /**
         *
         * @param table name of the table to set de tfoot
         * @param column column to sum
         * @param html cell to print the sum
         * @param number number of decimals
         */
        function getTotal(table, column, html, number){
            table.columns(column).every(function () {
                var sum = this.data().reduce(function (a,b) {
                    return parseFloat(a) + parseFloat(b);
                }, 0);
                $(html).html('<strong>' + sum.toFixed(number) + '</strong>');
            });
        }

        {% if managesCashpoint | length > 0 %}
            $('#DataTables_Table_0').on( 'search.dt', function () {
                var tab = $('#DataTables_Table_0').DataTable();

                var cashpoint_close = tab.column( 4, {"filter": "applied"} ).data().sum();
                var cashpoint_income = tab.column( 5, {"filter": "applied"} ).data().sum();
                var cash_income = tab.column( 6, {"filter": "applied"} ).data().sum();
                var card_income = tab.column( 7, {"filter": "applied"} ).data().sum();
                var fix_cashpoint = tab.column( 8, {"filter": "applied"} ).data().sum();
                var operations_performed = tab.column( 9, {"filter": "applied"} ).data().sum();

                $('#cashpoint_close_cell').html('<strong>' + parseFloat(cashpoint_close).toFixed(2) + '</strong>');
                $('#cashpoint_income_cell').html('<strong>' + parseFloat(cashpoint_income).toFixed(2) + '</strong>');
                $('#cash_income_cell').html('<strong>' + parseFloat(cash_income).toFixed(2) + '</strong>');
                $('#card_income_cell').html('<strong>' + parseFloat(card_income).toFixed(2) + '</strong>');
                $('#fix_cashpoint_cell').html('<strong>' + parseFloat(fix_cashpoint).toFixed(2) + '</strong>');
                $('#operations_performed_cell').html('<strong>' + operations_performed + '</strong>');

                // Filling hidden table
                $('#hidden_cashpoint_close_cell').html('<strong>' + parseFloat(cashpoint_close).toFixed(2) + '</strong>');
                $('#hidden_cashpoint_income_cell').html('<strong>' + parseFloat(cashpoint_income).toFixed(2) + '</strong>');
                $('#hidden_cash_income_cell').html('<strong>' + parseFloat(cash_income).toFixed(2) + '</strong>');
                $('#hidden_card_income_cell').html('<strong>' + parseFloat(card_income).toFixed(2) + '</strong>');
                $('#hidden_fix_cashpoint_cell').html('<strong>' + parseFloat(fix_cashpoint).toFixed(2) + '</strong>');
                $('#hidden_operations_performed_cell').html('<strong>' + operations_performed + '</strong>');
            });
        {% endif %}
    </script>
{% endblock %}