{% extends "AppBundle::layout_backend.html.twig" %}

{% block headercontent %}
    Exportar Catalogo
{% endblock %}

{% block content %}
    <div class="box">
        <div class="box-header">
            <h3>Seleccione los campos y filtros del Producto</h3>

            <div class="box-tools">
                <a class="btn btn-danger" href="{{ path('app_homepage') }}"><i
                            class="fa fa-remove text-white"></i> {% trans %}Regresar{% endtrans %} </a>
            </div>
        </div>

        <div class="box-body">

            <form action="{{ path('app_generar_catalogo_excel') }}" method="get">
                <div class="well">

                    <div class="row">


                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <label class="custom-control-label" for="fechainicial">Fecha Inicial Ventas:</label>
                            </div>
                        </div>


                        <div class="col-lg-4 col-md-4 col-xs-12">
                            <div class="form-group">
                                <input type="text" class="form-control" id='fecha_inicial' name="fecha_inicial"
                                       placeholder="">
                            </div>
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <label class="custom-control-label" for="fechafinal">Fecha Final:</label>
                            </div>
                        </div>


                        <div class="col-lg-4 col-md-4 col-xs-12">
                            <div class="form-group">
                                <input type="text" class="form-control" id='fecha_final' name="fecha_final"
                                       placeholder="">
                            </div>
                        </div>


                    </div>


                    <div class="row">

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="sku" name="sku">
                                <label class="custom-control-label" for="chksku">SKU:</label>
                            </div>
                        </div>


                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="skucondicion" name="skucondicion">
                                <option selected>Seleccione</option>
                                <option value="contiene">Contiene</option>
                                <option value="comienza">Comienza</option>
                                <option value="termina">Termina</option>
                            </select>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='skuvalor' name="skuvalor" placeholder="valor">
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="nombre" name="nombre">
                                <label class="custom-control-label" for="chknombre">Nombre:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="nombrecondicion" name="nombrecondicion">
                                <option selected>Seleccione</option>
                                <option value="contiene">Contiene</option>
                                <option value="comienza">Comienza</option>
                                <option value="termina">Termina</option>
                            </select>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='nombrevalor' name="nombrevalor"
                                   placeholder="valor">
                        </div>


                    </div>


                    <div class="row">

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="descripcion" name="descripcion">
                                <label class="custom-control-label" for="chkdescripcion">Descripción:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="descripcioncondicion" name="descripcioncondicion">
                                <option selected>Seleccione</option>
                                <option value="contiene">Contiene</option>
                                <option value="comienza">Comienza</option>
                                <option value="termina">Termina</option>
                            </select>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='descripcionvalor' name='descripcionvalor'
                                   placeholder="valor">
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="cantidad" name="cantidad">
                                <label class="custom-control-label" for="chkcantidad">Cantidad:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="cantidadcondicion" name="cantidadcondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>

                            </select>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='cantidadvalor' name='cantidadvalor'
                                   placeholder="valor">
                        </div>


                    </div>


                    <div class="row">

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="alicuota" name="alicuota">
                                <label class="custom-control-label" for="chkalicuota">Alicuota:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="alicuotacondicion" name="alicuotacondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>
                            </select>
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='alicuotavalor' name='alicuotavalor'
                                   placeholder="valor">
                        </div>


                        <!--	<div class="col-lg-2 col-md-2 col-xs-12">
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="descuento" name="descuento">
                                    <label class="custom-control-label" for="chkdescuento">Descuento:</label>
                                </div>
                            </div>
                             <div class="col-lg-2 col-md-2 col-xs-12">
                                 <select class="form-control" id="descuentocondicion" name="descuentocondicion">
                                    <option selected>Seleccione</option>
                                    <option value="igual">igual</option>
                                    <option value="mayor">mayor</option>
                                    <option value="mayorigual">mayor igual</option>
                                    <option value="menor">menor</option>
                                    <option value="menorigual">menor igual</option>
                                </select>
                            </div>
                           <div class="col-lg-2 col-md-2 col-xs-12">
                                 <input type="text" class="form-control" id='descuentovalor' name='descuentovalor' placeholder="Porcentaje">
                            </div>
                           -->


                    </div>


                    <div class="row">

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="precio" name="precio">
                                <label class="custom-control-label" for="chkprecio">Precio:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="preciocondicion" name="preciocondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>
                            </select>
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='preciovalor' name='preciovalor'
                                   placeholder="valor">
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="preciolista" name="preciolista">
                                <label class="custom-control-label" for="chkpreciolista">Precio Lista:</label>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <select class="form-control" id="preciolistacondicion" name="preciolistacondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>
                            </select>
                        </div>
                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <input type="text" class="form-control" id='preciolistavalor' name='preciolistavalor'
                                   placeholder="valor">
                        </div>
                    </div>

                    <!--
                    <div class="row">

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="preciomarkup" name="preciomarkup">
                                <label class="custom-control-label" for="chkpreciomarkup">Precio Markup:</label>
                            </div>
                        </div>
                         <div class="col-lg-2 col-md-2 col-xs-12">
                             <select class="form-control" id="preciomarkupcondicion" name="preciomarkupcondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>
                            </select>
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                             <input type="text" class="form-control" id='preciomarkupvalor'  name='preciomarkupvalor' placeholder="valor">
                        </div>

                        <div class="col-lg-2 col-md-2 col-xs-12">
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="preciofinal" name="preciofinal">
                                <label class="custom-control-label" for="chkpreciofinal">Precio Final:</label>
                            </div>
                        </div>
                         <div class="col-lg-2 col-md-2 col-xs-12">
                             <select class="form-control" id="preciofinalcondicion" name="preciofinalcondicion">
                                <option selected>Seleccione</option>
                                <option value="igual">igual</option>
                                <option value="mayor">mayor</option>
                                <option value="mayorigual">mayor igual</option>
                                <option value="menor">menor</option>
                                <option value="menorigual">menor igual</option>
                            </select>
                        </div>
                       <div class="col-lg-2 col-md-2 col-xs-12">
                             <input type="text" class="form-control" id='preciofinalvalor'  name='preciofinalvalor' placeholder="valor">
                        </div>



                    </div>

                    -->
                </div>

                <div class="col-xs-12 col-sm-2 col-md-2">

                    <button class="btn btn-primary btn-flat btn-lg" type="submit"><i class="fa fa-file-excel-o"></i>&nbspExportar
                    </button>

                </div>

            </form>

        </div>
    </div>
{% endblock %}