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

{% block page_title %}{{ 'entity.carrier_invoice'|trans }}{% endblock %}
{% block breadcrumb %}
    <ol class="breadcrumb" >
        <li>
            <a href="{{ path('home')}}">
                <i class="fas fa-tachometer-alt"></i>
                {{ 'Home'|trans }}
            </a>
        </li>
        <li>
            <a href="{{ path('app_carrier_invoice_file')}}">{{ 'menu.invoice'|trans }}</a>
        </li>
        <li>
            <a href="{{ path('app_carrier_invoice') }}">{{ 'entity.carrier_invoice'|trans }}</a>
        </li>
    </ol>
{% endblock %}
{% block page_content %}
    <style>
        .tab-content td {
        {% if type is same as (1) %}
            background: #e0f7e7;
        {% elseif type is same as (0) %}
            background:  #f7e0e0;
        {% else %}
            background: #fffed5;
        {% endif %}
        }

        .old-orders {
            margin: 0 0px;
            background: #ffdfe5;
            overflow: hidden;
            padding: 10px;
        }
        .old-order {
            float: left;
            background: pink;
            margin: 3px;
            padding: 3px 5px;
            border-radius: 5px;
            font-size: 12px;
        }
    </style>
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-body text-right">
                    <a class="btn btn-primary" href="{{ path('app_carrier_invoice_file') }}"
                       title="{{ 'backlist'|trans }} {{ 'entity.invoice_file'|trans }}"
                       data-modal-size="dialog-modal-large">
                        {{ 'backlist'|trans }}
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="box box-solid">
                <div class="box-header with-border">
                    {% for carrierInvoice in carrierInvoices %}
                        <h3>Factura {{  carrierInvoice.carrierInvoiceHeaderFormat.carrier.name }} {{ carrierInvoice.reference }}</h3>
                        {% else %}
                        <h3>Líneas de factura</h3>
                    {% endfor %}
                </div>
                <div class="box-body">
                    {% for carrierInvoice in carrierInvoices %}
                    <div class="row">
                        <div class="col-sm-12">
                            {% if carrierInvoice %}
                                <strong>Fichero</strong>: {{ carrierInvoice.carrierInvoiceFile.originalFilename }} / {{ carrierInvoice.carrierInvoiceFile.filename }}<br/>
                                <strong>Versión cabecera</strong>: {{  carrierInvoice.carrierInvoiceHeaderFormat.version }}<br/>
                            {% endif %}
                        </div>
                    </div>
                    {% endfor %}
                    {% if oldOrders | length %}
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="old-orders">
                                <h4>¡Alerta! pedidos antiguos</h4>

                                    {% for orderData in oldOrders %}
                                    <span class="old-order"><strong>{{ orderData.order_reference }}</strong> ({{ orderData.date_order | date('d/m/Y') }})</span>
                                    {% endfor %}

                            </div>
                        </div>
                    </div>
                    {% endif %}
                    <div class="row">
                        <div class="col-md-12">
                            <div class="nav-tabs-custom">
                                <ul class="nav nav-tabs">
                                    <li {% if type is same as (1) %}class="active"{% endif %} style="background: #e0f7e7">
                                        {% if type != 1 %}
                                            {% if carrierInvoices %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 1, carrierInvoiceIds: carrierInvoiceIds}) %}
                                            {% else %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 1 }) %}
                                            {% endif %}
                                            <a href="{{ linkPath }}" >Líneas cruzadas</a>
                                        {% else %}
                                            <a href="#" data-toggle="tab" aria-expanded="true">Líneas cruzadas</a>
                                        {% endif %}
                                    </li>
                                    <li {% if type > 1 %}class="active"{% endif %} style="background: #fffed5">
                                        {% if type <= 1 %}
                                            {% if carrierInvoices %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 2, carrierInvoiceIds: carrierInvoiceIds}) %}
                                            {% else %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 2}) %}
                                            {% endif %}
                                            <a href="{{ linkPath }}" >Líneas cruzadas de retornos</a>
                                        {% else %}
                                            <a href="#" data-toggle="tab" aria-expanded="true">Líneas cruzadas de retornos</a>
                                        {% endif %}
                                    </li>
                                    <li {% if type is same as (0) %}class="active"{% endif %} style="background: #f7e0e0">
                                        {% if type > 0 %}
                                            {% if carrierInvoices %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 0, carrierInvoiceIds: carrierInvoiceIds}) %}
                                            {% else %}
                                                {% set linkPath = path('app_carrier_invoice_list_lines', { type : 0}) %}
                                            {% endif %}
                                            <a href="{{ linkPath }}" >Líneas no cruzadas</a>
                                        {% else %}
                                            <a href="#" data-toggle="tab" aria-expanded="true">Líneas no cruzadas</a>
                                        {% endif %}
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div id="tab-linked-lines" class="tab-pane active">
                                        <div class="box">
                                            <div class="box-body no-padding">
                                                {{ sg_datatables_render(datatable) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $('#sg-datatables-carrier_invoice_line_datatable').on('xhr.dt', function ( e, settings, json, xhr ) {

                let sumData = json.summaries;
                $('.summary-content').remove();

                if (sumData['lines'] > 0) {

                    let lines = '<div style="display:inline-block;padding:5px 10px;background:#e7e8e8"><strong>' + sumData['lines'] + '</strong> lineas de factura</div>';
                    let distinctOrderReferences = '<div style="display:inline-block;padding:5px 10px;background:#cff7fd"><strong>' + sumData['distinct_order_references'] + '</strong> ref. pedido diferentes</div>';
                    let weight = '<div style="display:inline-block;padding:5px 10px;background:#e7e8e8"><strong>' + parseFloat(sumData['weight']).toFixed(2) + '</strong> kg</div>';
                    let packages = '<div style="display:inline-block;padding:5px 10px;background:#cff7fd"><strong>' + sumData['packages'] + '</strong> bultos</div>';
                    let cost = '<div style="display:inline-block;padding:5px 10px;background:#e7e8e8"><strong>' + parseFloat(sumData['cost']).toFixed(2) + '</strong> €</div>';

                    let summaryContent = lines + distinctOrderReferences + weight + packages + cost;

                    let $markUp = '<div class="summary-content" style="float:right">' + summaryContent + '</div>';

                    $('.dataTables_scrollHead').before($markUp);
                }
            });
    </script>
{% endblock %}