{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}

    {#<link rel="stylesheet" href="{{ asset('bundles/receive/css/receive.css') }}"/>
    Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/ConsultWorkList.js') }}"></script>   
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/jquery.dataTables.min.js') }}"></script>  
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.tableTools.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>  
    <script>
        var UrlConsultWL = '{{ path("schedule_consult_workList") }}';
        var UrlSwf = '{{ asset('bundles/shedule/datatable/swf/copy_csv_xls_pdf.swf') }}';        
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        //alert(UrlSwf);
    </script>
    <style>
                    div.DTTT { 
                margin-bottom: 0.5em; float: right;
            } 
            
            div.dataTables_wrapper {
                clear: both;
            }
            
            .input-group input{
                height:34px;
                border-radius: 4px;
            }
    </style>        

{% endblock %}
{% block content %}
        <div class="container-fluid">
        <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">Mi Agenda</h3>
            </div>
            <form id="consulForm" >
            <div class="panel-body">                
                <div class="col-md-12" >
                    <div class="form-group" >
                        <div class="col-md-3" >
                            <select class="form-control selectpicker selFilter" id="selSede" data-style="btn-primary" data-req="HqName" data-id="selSede" data-actions-box="true" data-live-search="true" title='Sede'>
                                {% for headQ in headQuarter %}
                                    <option value="{{ headQ.idHeadquarter }}"> {{ headQ.varHead }} </option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                </div>     
                <div class="clearfix"><hr></div>                        
                <div class="col-md-12" >
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputAmount">Icono FechaIn</label>
                        <div class="col-md-3">
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                <input name="dateInit" id="dateInit" class="form-control datepicker required" placeholder="Fecha inicial">

                            </div>
                        </div>
                        <label class="sr-only" for="exampleInputAmount">Icono FechaFin</label>
                        <div class="col-md-3">
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                <input name="dateEnd" id="dateEnd" class="form-control datepicker required" placeholder="Fecha final">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <a href="#" id="btn-submit" class="btn btn-primary">Buscar</a>
                        </div>
                    </div>        
                </div>           
                       
            </form>
                
                
                <div class="clearfix"></div>
                <div class="col-md-12"><hr></div>
                <div class="col-md-12" id="div_table">
                    {{ tableData|raw }}
                </div>
            </div><!-- Fin panel-body -->
        </div><!-- Fin panel -->
        </div> <!-- Fin Container - fluid-->   
        
     

{% endblock %}