{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{ "Vista previa de pagarés" }}
    {% endblock %}
    {% block subtitle %}{% endblock %}

    {% block body %}
        {% if error is defined %}
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">
                        {{ error }}
                    </div>
                </div>
            </div>
        {% else %}

            <ul class="nav nav-pills nav-pills-warning">
                {% for key, promissoryNote in promissoryNotes %}
                    <li class="{% if loop.first  %}active{% endif%}">
                        <a href="#promissory-note-pdf-{{ promissoryNote.id }}" data-toggle="tab" aria-expanded="true">Pagaré #{{ promissoryNote.number }}</a>
                    </li>
                {% endfor %}
                {% if promissoryNotes|length > 1 %}
                    <li >
                        <a href="#promissory-note-pdf-all" data-toggle="tab" aria-expanded="true">Todos</a>
                    </li>
                {% endif %}
            </ul>


            <div class="tab-content">
                {% for promissoryNote in promissoryNotes %}
                    <div class="tab-pane {% if loop.first  %}active{% endif%}" id="promissory-note-pdf-{{ promissoryNote.id }}">
                        <iframe style="width: 100%; height: 800px" src="{{ path('promissorynote_render_pdf', {'promissoryNote':promissoryNote.id}) }}" frameborder="0">
                            Cargando ....F
                        </iframe>
                    </div>
                {% endfor %}
                {% if promissoryNotes|length > 1 %}
                    <div class="tab-pane" id="promissory-note-pdf-all">
                        <iframe style="width: 100%; height: 1200px" src="{{ path('promissorynote_render_pdf', {'contract':promissoryNotes[0].contract.id}) }}" frameborder="0">
                            Cargando ....
                        </iframe>
                    </div>
                {% endif %}
            </div>
        {% endif %}


    {% endblock %}