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

{% block javascripts %}
    {{ parent() }}
{% endblock %}

    {% block searchform %}
        <br>
        {% include "Descarga/search.html.twig" with {'form': search_form} %}
    {% endblock %}

    {% block body %}

        <div class="row">
            <div class="col-md-3">
                <!-- /. box -->
                <div class="box box-default">

                    <div class="box-header with-border">
                        <h3 class="box-title">Reporte SRI</h3>

                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                        class="fa fa-minus"></i></button>
                        </div>
                    </div>
                    <div class="box-body no-padding">
                        {{ form_start(upload_form, {'attr': {'class': 'search form-inline'}}) }}
                        <div class="box-body text-center">

                                <input type="hidden" id="MAX_FILE_SIZE" name="MAX_FILE_SIZE" value="300000"/>

                                <div>
                                    <div class="form-group">
                                        <div class="btn btn-default btn-file col-md-9">
                                            <i class="fa fa-paperclip"></i> Seleccione Archivo
                                            {{ form_widget(upload_form.archivosri) }}
                                            <!--input type="file" id="fileselect" name="fileselect[]" multiple="multiple" onchange="checkfile(this);" /-->
                                        </div>
                                    </div>
                                    <!--
                                                                        <div id="filedrag">
                                                                            <svg class="box__icon" xmlns="http://www.w3.org/2000/svg" width="50" height="43"
                                                                                 viewBox="0 0 50 43">
                                                                                <path d="M48.4 26.5c-.9 0-1.7.7-1.7 1.7v11.6h-43.3v-11.6c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v13.2c0 .9.7 1.7 1.7 1.7h46.7c.9 0 1.7-.7 1.7-1.7v-13.2c0-1-.7-1.7-1.7-1.7zm-24.5 6.1c.3.3.8.5 1.2.5.4 0 .9-.2 1.2-.5l10-11.6c.7-.7.7-1.7 0-2.4s-1.7-.7-2.4 0l-7.1 8.3v-25.3c0-.9-.7-1.7-1.7-1.7s-1.7.7-1.7 1.7v25.3l-7.1-8.3c-.7-.7-1.7-.7-2.4 0s-.7 1.7 0 2.4l10 11.6z"/>
                                                                            </svg>
                                                                            &nbsp;&nbsp;soltar aqui
                                                                        </div>
                                                                        -->
                            </div>

                            <div id="messages">
                                <p>File:</p>
                            </div>

                        </div>
                        <div class="box-footer clearfix">
                            <button type="submit" class="pull-right btn btn-default" id="upload">Cargar
                                <i class="fa fa-cloud-upload"></i>
                            </button>
                        </div>
                        {{ form_end(upload_form) }}
                        <!-- /.box-body -->
                    </div>
                </div>
                <!-- /.box -->


                <div class="box pad">
                    <div class="box-header with-border">
                        <h3 class="box-title">Comprobantes</h3>

                        <div class="box-tools">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                        class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="box-body no-padding">
                        <ul class="nav nav-pills nav-stacked">
                            <li><a href="mailbox.html"><i class="fa fa-circle-o text-red"></i> Facturas
                                    <span class="label label-success pull-right">.</span></a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Retenciones
                                    <span class="label label-info pull-right">.</span></a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> N. Creditos
                                    <span class="label label-danger pull-right">.</span></a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-green"></i> G. Remision
                                    <span class="label label-warning pull-right">.</span></a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-brown"></i> N. Debitos
                                    <span class="label label-primary pull-right">.</span></a></li>
                        </ul>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /. box -->
                {#
                <div class="box pad">
                    <div class="box-header with-border">
                        <h3 class="box-title">Labels</h3>

                        <div class="box-tools">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i
                                        class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body no-padding">
                        <ul class="nav nav-pills nav-stacked">
                            <li><a href="#"><i class="fa fa-circle-o text-red"></i> Important</a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> Promotions</a></li>
                            <li><a href="#"><i class="fa fa-circle-o text-light-blue"></i> Social</a></li>
                        </ul>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
                #}
            </div>
            <!-- /.col -->
            <div class="col-md-9">


                <div id="invoices-latest-invoices">
                    {% include "Descarga/list.html.twig" %}
                </div>


            </div>

        </div>

        <script type="text/javascript" language="javascript">


        </script>

    {% endblock %}