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

{% block title %}Gestión de manifiestos{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-sm-12 text-center">
            <h3 class="action-title">Gestión de manifiestos</h3>
        </div>
    </div>
    <div id="choose" class="text-center">
        <div class="row">
            <div class="col-sm-12">
                <a href="#" id="sign" class="btn btn-lg btn-primary carrier-button">Firmar</a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <a href="#" id="print" class="btn btn-lg btn-primary carrier-button">Imprimir</a>
            </div>
        </div>
    </div>
    <div id="sign-carriers" class="text-center">
        {% for c in carriers %}
            <div class="row">
                <div class="col-sm-12">
                    <a href="{{ path('app_mobile_manifest_pending_signature_by_carrier', { carrierNameCanonical: c.nameCanonical}) }}" class="carrier-button btn btn-lg {% if countPendingSignatureIndexedByCarrierId[c.id] is defined %}btn-success {% else %}btn-primary{% endif  %}">
                        {{ c.name }} {% if countPendingSignatureIndexedByCarrierId[c.id] is defined %}({{ countPendingSignatureIndexedByCarrierId[c.id] }}){% endif  %}
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
    <div id="print-carriers"   class="text-center">
        {% for c in carriers %}
            <div class="row">
                <div class="col-sm-12">
                    <a href="{{ path('app_mobile_manifest_to_print_by_carrier', { carrierNameCanonical: c.nameCanonical}) }}" class="carrier-button btn btn-lg {% if countSignedRecentlyIndexedByCarrierId[c.id] is defined %}btn-success {% else %}btn-primary{% endif  %}">
                        {{ c.name }}{% if countSignedRecentlyIndexedByCarrierId[c.id] is defined %}({{ countSignedRecentlyIndexedByCarrierId[c.id] }}){% endif  %}
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $('body').on('click', '#sign', function(a){
            $('#choose').hide(800);
            $('#sign-carriers').show(800);
            $('.action-title').text('Firmar manifiestos creados recientemente');

        });

        $('body').on('click', '#print', function(a){
            $('#choose').hide(800);
            $('#print-carriers').show(800);
            $('.action-title').text('Imprimir manifiestos firmados recientemente');

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