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

{% block title %}TITULO{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-sm-12 text-center">
            <h3>Firmar manifiestos {{ carrier_name_canonical }}</h3>
        </div>
    </div>
    {% for m in manifests %}
        <div class="row">
            <div class="col-sm-12 text-center">
                <a href="{{ path('app_manifest_sign', { id: m.id }) }}" class="btn btn-primary carrier-button" style="display: inline-block;position: relative;">
                    <span class="mark-as-signed" data-href="{{ path('app_mobile_manifest_mark_as_signed_phisically', { id: m.id }) }}" style="cursor:pointer; position: absolute; top: 0; right: 5px;">X</span>
                    {{ carrier_name_canonical }}-{{ m.id }}<br/> {{ number_of_packages[m.id] }} bultos<br/> {{ m.dateAdd | date('d/m H:i') }}
                </a>
            </div>
        </div>
    {% else %}
        <div class="row">
            <div class="col-sm-12 text-center">
                No hay manifiestos de {{ carrier_name_canonical }} pendientes de firma
            </div>
        </div>
    {% endfor %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $('body').on('click', '.mark-as-signed', function(e){

            e.preventDefault();
            let self = $(this);

            $.post(self.attr('data-href'), function(data) {
                if (data.status === "success") {
                   self.closest('.row').remove();
                   return;
                }
                alert('else!');
                return;
            })
        });
    </script>
{% endblock %}