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


{% block page_title %}{% endblock %}

{% block page_content %}

    <div class="box">
        <div class="box-body no-padding">
            <div class="col-md-12">
                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h3>Informe #{{  carrier_invoice_report.id }} {{  carrier_invoice_report.dateFrom | date('d-m-Y') }} /  {{  carrier_invoice_report.dateTo | date('d-m-Y') }}</h3>
                    </div>
                    <div class="box-body">
                        <div class="row">
                            <div class="col-sm-6">
                                <h4>Agencias: {% for carrier in carrier_invoice_report.carriers %} {{  carrier.name }}{% endfor %}</h4>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="nav-tabs-custom">
                                            <ul class="nav nav-tabs">
                                                <li {% if not onlySingleProductOrders %}class="active"{% endif %}>
                                                    {% if onlySingleProductOrders %}
                                                        <a href="{{ path('app_carrier_invoice_report_show', { id: carrier_invoice_report.id, onlySingleProductOrders: 0}) }}" >Informe completo</a>
                                                    {% else %}
                                                        <a href="#" data-toggle="tab" aria-expanded="true">Informe completo</a>
                                                    {% endif %}
                                                </li>
                                                <li {% if onlySingleProductOrders %}class="active"{% endif %}>
                                                    {% if not onlySingleProductOrders %}
                                                        <a href="{{ path('app_carrier_invoice_report_show', { id: carrier_invoice_report.id, onlySingleProductOrders: 1}) }}" >Sólo pedidos unitarios</a>
                                                    {% else %}
                                                        <a href="#" data-toggle="tab" aria-expanded="true">Sólo pedidos unitarios</a>
                                                    {% endif %}
                                                </li>
                                            </ul>
                                            <div class="tab-content">
                                                <div id="tab-linked-lines" class="tab-pane active">
                                                    {% if not onlySingleProductOrders %}
                                                        <div class="col-sm-12 text-right">
                                                            <a class="btn btn-primary" href="{{ path('app_carrier_invoice_report_export_excel', { id : carrier_invoice_report.id, onlySingleProduct: 0}) }}">Excel</a>
                                                            <a class="btn btn-primary" href="{{ path('app_carrier_invoice_report_export_csv', { id : carrier_invoice_report.id, onlySingleProduct: 0}) }}">CSV</a>
                                                            <a class="btn btn-primary" href="{{ path('rate_stats_by_country_report', { carrierInvoiceDiffReportId: carrier_invoice_report.id}) }}">Informe de tarifas por países</a>
                                                            <a class="btn btn-primary" href="{{ path('rate_adjustment_report', { carrierInvoiceDiffReportId: carrier_invoice_report.id}) }}">Informe de ajuste de tarifas</a>
                                                        </div>
                                                    {% else %}
                                                        <div class="col-sm-12 text-right">
                                                            <a class="btn btn-primary" href="{{ path('app_carrier_invoice_report_export_excel', { id : carrier_invoice_report.id, onlySingleProduct: 1}) }}">Excel</a>
                                                            <a class="btn btn-primary" href="{{ path('app_carrier_invoice_report_export_csv', { id : carrier_invoice_report.id, onlySingleProduct: 1}) }}">CSV</a>
                                                        </div>
                                                    {% endif %}
                                                    {{ sg_datatables_render(datatable) }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        .summary-content {
            width: 100%;
            margin: 15px 0;
        }
        .summary-content th, .summary-content td{
            text-align: center;
            padding: 5px;
        }

        .summary-content th{
            background: #e2f4ff
        }

        .summary-content td{
            background: #fff4e2
        }
    </style>



{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>

        var $markUp = '';

        $('#sg-datatables-carrier_invoice_diff_report_line_datatable').on('xhr.dt', function ( e, settings, json, xhr ) {

            $markUp = '';
            if (json.summaries === undefined) {
                return;
            }
            let summary = json.summaries;

            $markUp += '<table class="summary-content">';

            $markUp += '<tr>';
            $markUp += '<th>Pedidos</th>';
            $markUp += '<td>' + summary.distinct_orders + '</td>';
            $markUp += '<th>Albaranes</th>';
            $markUp += '<td>' + summary.distinct_picking_lists + '</td>';
            $markUp += '<th>Expediciones</th>';
            $markUp += '<td>' + summary.distinct_expeditions + '</td>';
            $markUp += '</tr>';

            $markUp += '<tr>';
            $markUp += '<th>Total bultos pedido</th>';
            $markUp += '<td>' + summary.packages_order + '</td>';
            $markUp += '<th>Total bultos agencia</th>';
            $markUp += '<td>' + summary.packages_carrier + '</td>';
            $markUp += '<th>Total diferencia bultos</th>';
            $markUp += '<td>' + summary.packages_diff + '</td>';
            $markUp += '</tr>';

            $markUp += '<tr>';
            $markUp += '<th>Total portes pedido</th>';
            $markUp += '<td>' + summary.cost_order + ' €</td>';
            $markUp += '<th>Total portes agencia</th>';
            $markUp += '<td>' + summary.cost_carrier + ' €</td>';
            $markUp += '<th>Total diferencia portes</th>';
            $markUp += '<td>' + summary.cost_diff + ' € (' + summary.cost_diff_perc + '%)</td>';
            $markUp += '</tr>';

            $markUp += '<tr>';
            $markUp += '<th>Total peso pedido</th>';
            $markUp += '<td>' + summary.weight_order + ' kg</td>';
            $markUp += '<th>Total peso agencia</th>';
            $markUp += '<td>' + summary.weight_carrier + ' kg</td>';
            $markUp += '<th>Total diferencia peso</th>';
            $markUp += '<td>' + summary.weight_diff + ' € (' + summary.weight_diff_perc + '%)</td>';
            $markUp += '</tr>';

            $markUp += '</table>';

            setTimeout(
                function() {
                    $('.summary-content').remove();
                    $('.dataTables_length').after($markUp);
                }
                , 500
            );

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