{% if filters.form %}

{% form_theme search_form 'FLCoreBundle:Form:fields_search.html.twig' %}
<div id="search-div" class="row well well-sm">
    <div class="col-md-11">
        <div id="alert-modal"></div>
        <div id="search-form" class="collapse{{ filters.has_values?' in':'' }}">
            {{ form_start(search_form, {'attr': {'id': 'fl-modal-form-'~( random() | date('YmdHis') ), 'action': filter_url, 'method':'GET', 'role': 'form', 'class':'form-horizontal', 'onsubmit':'return validar()'}}) }}
                <div class="row">
                    {{ form_widget(search_form) }}
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> Buscar</button>
                    {% block search_other_actions %}{% endblock %}
                    <a class="btn btn-default pull-right" href="{{ filter_url }}"> <i class="glyphicon glyphicon-share-alt"></i>  Limpiar </a>
                </div>
            {{ form_end(search_form) }}
        </div>
    </div>
    <div class="col-md-1">
        <button type="button" class="btn btn-success" data-toggle="collapse" data-target="#search-form"><i class="glyphicon glyphicon-plus"></i></button>
    </div>
</div>     

<script type="text/javascript">
    function validar(){
        var fecha1 = (jQuery('#filter_fecha_desde').val() === '')?'':new Date(jQuery('#filter_fecha_desde').datepicker("getDate"));  
        var fecha2 = (jQuery('#filter_fecha_hasta').val() === '')?'':new Date(jQuery('#filter_fecha_hasta').datepicker("getDate"));  
        var error= '';

        if( fecha1 !== '' & fecha2 !== ''){
            if (fecha1 > fecha2){
                error += '<div class="alert alert-danger"><p>La primera fecha debe ser anterior a la segunda. </p> </div>'
                jQuery('#alert-modal').html(error); 
                return false;
            }
        } 
        return true;
    }
</script>
    
{% endif %}