{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    <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/utilities/font-awesome-4.7.0/css/font-awesome.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/css/bootstrap-datepicker3.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-select/css/bootstrap-select.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/daterangepicker/daterangepicker.css') }}"/>

    {% set configUser = app.user.config %}
    {% if configUser.skin_dark is defined %}
        {% if configUser.skin_dark %}
            {# validacion tema oscuro #}
            <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}" >
            <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}"/>
        {% else %}
            {# validacion tema claro #}
            <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}"/>
        {% endif %}
    {% else %}
        <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}"/>
    {% endif %}

    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    <script src="{{ asset('bundles/shedule/js/view-schedule.js') }}"></script>
    <script src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.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 src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/locales/bootstrap-datepicker.es.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script src="{{ asset('bundles/utilities/daterangepicker/moment-with-locales.min.js') }}"></script>
    <script src="{{ asset('bundles/utilities/daterangepicker/daterangepicker.js') }}"></script>
    <script src="{{ asset('bundles/indicator/js/daterangepicker-config.js') }}"></script>
    <script src="{{ asset('bundles/utilities/jquery-ui-autocomplete/jquery-ui.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 pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.error'|trans([], 'LocalizationBundle') }}";
        var searchData = "{{ 'messages.searchData'|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>

    <style>
        div.DTTT {
            margin-bottom: 0.5em;
            float: right;
        }
        div.dataTables_wrapper {
            clear: both;
        }
        .input-group input {
            height: 34px;
            border-radius: 4px;
        }
        .glyphicon-ok:before {
            content: "\e013";
        }
        .reportrange{
            height:34px;
            background: #fff;
            cursor: pointer;
            padding: 5px 10px;
            border-radius:3px;
            border: 1px solid #ccc;
            width: 100%;
            font-size:1.3em;
        }
        .red {
            background-color: #ffcccc !important;
        }
        .green {
            background-color: #ddffdd !important;
        }
    </style>
{% endblock %}
{% block content %}
    <div class="container-fluid">
        <div class="well">
            <h3 class="panel-title">{{ 'menu.schedule.viewCalendar'|trans([], 'LocalizationBundle') }}</h3>
            <div class="row">
                <form id="consulForm">
                    <div>
                        <div class="form-group">
                            <div class="col-md-2">
                                <select name="type_search" class="form-control selectpicker" id="_search_type"
                                        data-style="btn-primary" data-id="_search" data-actions-box="true" data-live-search="true"
                                        title="{{ 'messages.criterioBusqueda'|trans([], 'LocalizationBundle') }}">

                                    <option value="_patient">{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</option>
                                    <option value="_dr">{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}</option>
                                    <option value="_room">{{ 'labels.room'|trans([], 'LocalizationBundle') }}</option>
                                </select>
                            </div>

                            <div class="col-md-2">
                                <select class="form-control selectpicker" id="_status"
                                        data-style="btn-primary" data-id="_status" data-actions-box="true"
                                        title='{{ 'labels.status.normal'|trans([], 'LocalizationBundle') }}' multiple>

                                    <option value="A">{{ 'labels.status.asignada'|trans([], 'LocalizationBundle') }}</option>
                                    <option value="C">{{ 'labels.status.cancelada'|trans([], 'LocalizationBundle') }}</option>
                                    <option value="CF">{{ 'labels.status.confirmada'|trans([], 'LocalizationBundle') }}</option>
                                </select>
                            </div>

                            <div class="col-md-3">
                                <div id="reportrange" class="reportrange">
                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
                                    <span></span> <b class="caret"></b>
                                </div>
                            </div>

                            {# div para criterio de busqueda por sala #}
                            <div class="col-md-3 criterio hidden" id="select_room">
                                <select class="form-control selectpicker" id="_room"
                                        data-style="btn-primary" data-req="_room" data-id="room_select"
                                        data-actions-box="true" data-live-search="true"
                                        title='{{ 'button.select'|trans([], 'LocalizationBundle') }}'>
                                    {% for room in roomSchedule %}
                                        <option> {{ room.roomName }} </option>
                                    {% endfor %}
                                </select>
                            </div>

                            {# div para criterio de busqueda por medico #}
                            <div class="col-md-3 criterio hidden" id="dr_select">
                                <select class="form-control selectpicker" id="_dr"
                                        data-style="btn-primary" data-req="_dr" data-id="dr_select"
                                        data-actions-box="true" data-live-search="true"
                                        title='{{ 'button.select'|trans([], 'LocalizationBundle') }}'>
                                    {% for user in userData %}
                                        <option value="{{ user.id }}"> {{ user.firstname }} {{ user.lastname }} </option>
                                    {% endfor %}
                                </select>
                            </div>

                            {# div para criterio de busqueda por paciente #}
                            <div class="col-md-3 form-group hidden" id="_person">
                                <input type="text" class="form-control" id="patient_document" placeholder="{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}">
                            </div>

                            <div class="col-md-2">
                                <button type="button" id="_send_search" class="btn btn-primary">
                                    {{ 'button.search'|trans([], 'LocalizationBundle') }}
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    {#<div class="col-md-12 criterio document" style="display:none">
                        <div class="form-group" id="g2"></div>
                    </div>#}

                    <div>
                        <div class="form-group spacer">

                        </div>
                    </div>
                </form>
                <div class="clearfix"></div>
                <div class="col-md-12 spacer"><hr></div>
                <div class="col-md-12" id="div_table">
                    <table id="viewSheduleTable" class="table table-striped table-bordered table-hover dt-responsive" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>{{ 'labels.status.arribado'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.status.normal'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.room'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.email'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>{{ 'labels.status.arribado'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.status.normal'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.room'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.email'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="divModales"></div>

    <div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="commentModal">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{{ 'utilities.directory.comentarios'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <h3>{{ 'labels.status.asignacion'|trans([], 'LocalizationBundle') }}</h3><hr>

                            <span id="comment1"></span>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <h3>{{ 'labels.status.modificacion'|trans([], 'LocalizationBundle') }}</h3><hr>

                            <span id="comment2"></span>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <h3>{{ 'labels.status.confirmacion'|trans([], 'LocalizationBundle') }}</h3><hr>

                            <span id="comment3"></span>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <h3>{{ 'labels.status.cancelacion'|trans([], 'LocalizationBundle') }}</h3><hr>

                            <span id="comment4"></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

{% endblock %}