{% extends "base.html.twig" %}

{% trans_default_domain 'dashboard' %}

{% block actionheader %}
{% endblock %}

{% block searchform_container %}

{% endblock %}

{% block dashboard %}

    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <div class="box pad">
                <div class="box-header">
                    <i class="fa fa-file-text-o"></i>
                    <h3 class="box-title">Documentos Electronicos</h3>
                    {#
                    <!-- tools box -->
                    <div class="pull-right box-tools">
                      <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
                        <i class="fa fa-times"></i>
                      </button>
                    </div>
                    <!-- /. tools -->
                    #}
                </div>

                <div class="box-body">
                    <div class="row">
                        <div class="col-lg-6 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>{{ emitidos }}</h3>
                                    <p>Emitidos</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-bag"></i>
                                </div>
                                <a href="#" class="small-box-footer">Ver mas <i
                                            class="fa fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                        <!-- ./col -->
                        <div class="col-lg-6 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-green">
                                <div class="inner">
                                    <h3>{{ contratados }}</h3>
                                    <p>Contratados</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-stats-bars"></i>
                                </div>
                                <a href="#" class="small-box-footer">...</a>
                            </div>
                        </div>
                        <!-- ./col -->



                    </div>
                </div>

            </div>
        </div>

        <div class="col-lg-6 col-xs-6">
            <div class="box pad">
                <div class="box-header">
                    <i class="fa fa-file-text-o"></i>
                    <h3 class="box-title">Resumen</h3>
                    {#
                    <!-- tools box -->
                    <div class="pull-right box-tools">
                      <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
                        <i class="fa fa-times"></i>
                      </button>
                    </div>
                    <!-- /. tools -->
                    #}

                </div>
                <div class="box-body">
                    <div class="row">
                        <div class="col-lg-12 col-xs-12">
                            <!-- small box -->
                            <div class="col-lg-12 col-xs-12">
                                <!-- small box -->

                                    <div id="dashboard-summary">
                                        <div class="box-body">
                                            <div class="row">
                                                {#<div class="col-lg-6 col-xs-6">
                                                    <table class="table table-bordered sw-table-horizontal payments">
                                                        <thead>
                                                        <tr>
                                                            <th colspan="2">Pagos</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="receipts">
                                                            <th>{% trans %}list.payments_received{% endtrans %}</th>
                                                            <td>{{ totals.paid|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        <tr class="due">
                                                            <th>{% trans %}list.payments_due{% endtrans %}</th>
                                                            <td>{{ totals.due|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        <tr class="overdue">
                                                            <th>{% trans %}list.payments_overdue{% endtrans %}</th>
                                                            <td>{{ totals.overdue|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>#}

                                                <div class="col-lg-12 col-xs-12">
                                                    <table class="table table-bordered sw-table-horizontal balance">
                                                        <thead>
                                                        <tr>
                                                            <th colspan="2">{% trans %}list.balance{% endtrans %}</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="total">
                                                            <th>{% trans %}list.balance_total{% endtrans %}</th>
                                                            <td>{{ totals.gross|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        <tr class="net">
                                                            <th>{% trans %}list.balance_net{% endtrans %}</th>
                                                            <td>{{ totals.net|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        <tr class="taxes">
                                                            <th>{% trans %}list.balance_taxes{% endtrans %}</th>
                                                            <td>{{ totals.tax|localizedcurrency(currency, app.request.locale) }}</td>
                                                        </tr>
                                                        </tbody>
                                                    </table>

                                                </div>
                                                {#
                                                                    <div class="col-lg-4 col-xs-6">
                                                                        <table class="table table-bordered sw-table-horizontal taxes">
                                                                            <thead>
                                                                            <tr>
                                                                                <th colspan="2">{% trans %}list.taxes{% endtrans %}</th>
                                                                            </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                            {% for tax in taxes %}
                                                                                <tr>
                                                                                    <th>{{ tax }}</th>
                                                                                    <td>{{ totals.taxes[tax.id]|localizedcurrency(currency, app.request.locale) }}</td>
                                                                                </tr>
                                                                            {% endfor %}
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    #}
                                            </div>
                                        </div>
                                    </div>

                            </div>
                            <!-- ./col -->

                        </div>
                        <!-- ./col -->

                    </div>
                </div>

            </div>
        </div>

    </div>


    <div class="modal fade" id="modal-default" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span></button>
                    <h4 class="modal-title">Mensaje</h4>
                </div>

                <div class="modal-body">
                    {% if alerts is not null %}
                        {% for item in alerts %}
                            <div id="errormodal" class="alert alert-{{ item.prioridad }} alert-dismissible">
                                {{ item.mensaje|striptags('<p>')|raw }}
                            </div>
                        {% endfor %}

                    {% endif %}
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">&nbsp;Cerrar
                    </button>
                </div>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

{% endblock %}
{% block body %}

<div class="box pad">
    <div class="box-header">


        <div class="dashboard-listing">
            <h2>{% trans %}list.invoices_latest{% endtrans %}</h2>
            {% set table_selectable = false %}
            {% include "Invoice/list.html.twig" %}
        </div>

        {#
        <div class="dashboard-listing">
            <h2>{% trans %}list.invoices_due{% endtrans %}</h2>
            {% include "SiwappInvoiceBundle:Invoice:list.html.twig" with {'invoices': overdue_invoices} %}
        </div>
#}
    </div>
</div>
    <script>
        $(document).ready(function () {
            $body = $("body");

            {% if alerts is not null %}
                $('#modal-default').modal('show');
            {% endif %}


        });
    </script>


{% endblock %}