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

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

    <script type="text/javascript">

        $(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()
                }
            });
        });
    
    </script>
{% 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 #F35F5F 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 %}