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

    {# CSS #}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/datatable/datatables.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/datatable/css/buttons.dataTables.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link href="{{ asset('bundles/utilities/font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/utilities/daterangepicker/daterangepicker.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/analytics.css') }}">

    {# Scripts #}
    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/datatable/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/datatable/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/datatable/js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/datatable/js/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/datosCrudos.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/daterangepicker/moment-with-locales.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/daterangepicker/daterangepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/daterangepicker-config.js') }}"></script>

    <script>
        var UrlSwf = '{{ asset('bundles/shedule/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';

        var rango15dias = "{{ 'messages.rango15dias'|trans([], 'LocalizationBundle') }}";
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var camposObligatorios = "{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";

        {% if app.request.locale == 'es' %}
            var locale_url_datatable = '{{ asset('bundles/utilities/datatable/es.json') }}';
        {% else %}
            var locale_url_datatable = '';
        {% endif %}

        moment.locale('{{ app.request.locale }}');
        {# date rangepicker #}
        var config_daterangepicker = {
            locale_moment: '{{ app.request.locale }}',
            today: '{{ 'labels.today'|trans([], 'LocalizationBundle') }}',
            yesterday: '{{ 'labels.yesterday'|trans([], 'LocalizationBundle') }}',
            last7days: '{{ 'labels.last7days'|trans([], 'LocalizationBundle') }}',
            last30days: '{{ 'labels.last30days'|trans([], 'LocalizationBundle') }}',
            thisMonth: '{{ 'labels.thisMonth'|trans([], 'LocalizationBundle') }}',
            lastMonth: '{{ 'labels.lastMonth'|trans([], 'LocalizationBundle') }}',
            ranges: {
                '{{ 'labels.today'|trans([], 'LocalizationBundle') }}': [moment(), moment()],
                '{{ 'labels.yesterday'|trans([], 'LocalizationBundle') }}': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                '{{ 'labels.last7days'|trans([], 'LocalizationBundle') }}': [moment().subtract(6, 'days'), moment()],
                '{{ 'labels.last30days'|trans([], 'LocalizationBundle') }}': [moment().subtract(29, 'days'), moment()],
                '{{ 'labels.thisMonth'|trans([], 'LocalizationBundle') }}': [moment().startOf('month'), moment().endOf('month')],
                '{{ 'labels.lastMonth'|trans([], 'LocalizationBundle') }}': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            },
            locale: {
                customRangeLabel: '{{ 'labels.customRange'|trans([], 'LocalizationBundle') }}',
                daysOfWeek: [
                    '{{ 'days.label.su'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.mo'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.tu'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.we'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.th'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.fr'|trans([], 'LocalizationBundle') }}',
                    '{{ 'days.label.sa'|trans([], 'LocalizationBundle') }}',
                ],
                monthNames: [
                    '{{ 'month.january'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.february'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.march'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.april'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.may'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.june'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.july'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.august'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.september'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.october'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.november'|trans([], 'LocalizationBundle') }}',
                    '{{ 'month.december'|trans([], 'LocalizationBundle') }}',
                ],
                firstDay: 1
            }
        };
    </script>

{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="spacer">
                    <div class="col-md-4">
                        <h3 class="panel-title">{{ 'menu.exportardatos'|trans([], 'LocalizationBundle') }}</h3>
                    </div>

                    <div class="col-md-8 spacer">
                        <div class="pull-right">
                            <button class="btn btn-primary" id="search">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </button>
                        </div>

                        <form id="exportForm">
                            <div class="col-md-5 pull-right">
                                <div id="reportrange" class="reportrange pull-right">
                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
                                    <span></span><b class="caret"></b>
                                </div>
                            </div>

                            <div class="col-md-3 pull-right">
                                <select class="form-control selectpicker" id="heq" name="heq" data-id="selectHeq" data-actions-box="true" data-style="btn-default" data-live-search="true" title='{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}'>
                                    {% for heq in headquarter %}
                                        <option value="{{ heq.idHeadquarter }}">{{ heq.varHead }}</option>
                                    {% endfor %}
                                </select>
                            </div>

                            <div class="col-md-3 pull-right">
                                <select class="form-control selectpicker" id="modality" name="modality" data-id="selectModality" data-actions-box="true" data-style="btn-default" data-live-search="true" title='{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}'>
                                    {% for mod in modality %}
                                        <option value="{{ mod.varMod }}">{{ mod.varMod }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="clearfix"></div>
                <div class="col-md-12"><hr></div>

                {# Tabla de resultados #}
                <div class="col-md-12" id="bodyTable"></div>
            </div> {# Fin body #}
        </div> {# Fin panel #}
    </div> {# Fin Container - fluid #}
{% endblock %}