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

{% block js_document_ready %}
    $(document).ready(function(){
        $('.datepicker').datepicker({
            autoClose: true,
            showClearBtn: true,
            format: 'dd/mm/yyyy',
            container: 'body',
            onDraw: function () {
                // materialize select dropdown not proper working on mobile and tablets so we make it browser default select
                $('.datepicker-container').find('.datepicker-select').addClass('browser-default');
                $(".datepicker-container .select-dropdown.dropdown-trigger").remove()
            }
        });
    });
{% endblock %}

{% block contenido_principal %}

    {% block pre_listado %}{% endblock %}
   <p>&nbsp;<!--espacio separador --></p>
{#    
  <div class="card">
        <div class="card-content">
            <div class="row">

                    
                    {% block campos_busqueda %}

                    {% endblock %}

                    <div class="input-field col m2 s12 l2">
                        <button id="boton" class="btn identidad-color white-text darken-2 waves-effect waves-light col s12" type="submit" >Buscar<i class="material-icons right">search</i></button>
                    </div>

            </div>
        </div>
    </div> 

    <br>
    <br>
    <br> #}

    <table class="highlight">
        <thead>
            <tr>
                {% block encabezado_listado %}{% endblock %}
            </tr>
        </thead>
        <tbody>
            {% block cuerpo_listado %}{% endblock %}
        </tbody>
    </table>

{% endblock %}