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

{% block searchform_container %}
{% endblock %}

{% block dashboard %}
    <div class="row">
        <div class="col-lg-12 col-xs-12">
            <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-4 col-xs-4">
                            <!-- small box -->
                            <!-- ./col -->

                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>{{ comprobantes }}</h3>
                                    <p>Comprobantes</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-android-apps"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4">
                            <!-- small box -->
                            <div class="small-box bg-green">
                                <div class="inner">
                                    <h3>{{ autorizados }}</h3>
                                    <p>Autorizados</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-archive"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-xs-4">
                            <!-- small box -->
                            <div class="small-box bg-yellow">
                                <div class="inner">
                                    <h3>{{ rechazados }}</h3>
                                    <p>NO Autorizados</p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-cloud-upload"></i>
                                </div>
                            </div>
                        </div>
                        <!-- ./col -->



                    </div>
                </div>

            </div>
        </div>

        <div class="col-lg-12 col-xs-12">
            <div class="box pad box-primary">
                <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-3 col-xs-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-red-gradient"><i class="fa fa-file-code-o"></i></span>

                                <div class="info-box-content">
                                    <span class="info-box-text">Facturas</span>
                                    <span class="info-box-number">{{ facturas }}</span>
                                    <a href="{{ path('factura_index') }}" class="small-box-footer">Ver mas <i
                                                class="fa fa-arrow-circle-right"></i></a>

                                </div>
                                <!-- /.info-box-content -->
                            </div>
                        </div>

                        <div class="col-lg-3 col-xs-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-orange"><i class="fa fa-file-code-o"></i></span>

                                <div class="info-box-content">
                                    <span class="info-box-text">Retenciones</span>
                                    <span class="info-box-number">{{ retenciones }}</span>
                                    <a href="{{ path('factura_index') }}" class="small-box-footer">Ver mas <i
                                                class="fa fa-arrow-circle-right"></i></a>

                                </div>
                                <!-- /.info-box-content -->
                            </div>
                        </div>

                        <div class="col-lg-3 col-xs-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-blue"><i class="fa fa-file-code-o"></i></span>

                                <div class="info-box-content">
                                    <span class="info-box-text">N. Creditos</span>
                                    <span class="info-box-number">{{ ncreditos }}</span>
                                    <a href="{{ path('factura_index') }}" class="small-box-footer">Ver mas <i
                                                class="fa fa-arrow-circle-right"></i></a>

                                </div>
                                <!-- /.info-box-content -->
                            </div>
                        </div>

                        <div class="col-lg-3 col-xs-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-green"><i class="fa fa-file-code-o"></i></span>

                                <div class="info-box-content">
                                    <span class="info-box-text">G. Remision</span>
                                    <span class="info-box-number">{{ guias }}</span>
                                    <a href="{{ path('factura_index') }}" class="small-box-footer">Ver mas <i
                                                class="fa fa-arrow-circle-right"></i></a>

                                </div>
                                <!-- /.info-box-content -->
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>


    </div>

{% endblock %}