{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    <link rel="stylesheet" href="{{ asset('bundles/grid/css/ui.jqgrid.css') }}" />
    <script src="{{ asset('bundles/grid/js/jquery.jqGrid.js') }}">
    </script>
    <script src="{{ asset('bundles/grid/js/i18n/grid.locale-'~ locale ~'.js') }}">
    </script>
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script language="javascript">

        // data modalities
        var url_data='{{ path('sessionDataGrid') }}';
        var url_removeS='{{ path('sessionRemoveData') }}';
        var session_data='';
        var filters='';
        var modalityD='';
        {% if(app.session.get('readingGrid_modality') is defined) %}

        modalityD= '{{ app.session.get('readingGrid_modality') }}';
        session_data+='readingGrid_modality*';
        {% endif %}
        if(modalityD!=''){
            filters += '{"field":"mod.idModality","op":"eq","data":"'+modalityD+'"},';
        }
        var modalities=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for modality in entities %}
        modalities+='{{ modality.varMod }}'+":"+'{{ modality.varMod }}';
            {% if loop.index != entities|length %}
                modalities+=';';
            {% endif %}
        {% endfor %}
        // data provenances
        var provenancesD='';
        {% if(app.session.get('readingGrid_provenance') is defined) %}
        provenancesD='{{ app.session.get('readingGrid_provenance') }}';
        session_data+='readingGrid_provenance*';
        {% endif %}
        if(provenancesD!=''){
            filters += '{"field":"PRO.name","op":"eq","data":"'+provenancesD+'"},';
        }
        var provenances=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for provenance in proList %}
        provenances+='{{ provenance.name }}'+":"+'{{ provenance.name }}';
            {% if loop.index != proList|length %}
                provenances+=';';
            {% endif %}
        {% endfor %}
        // data priority
        var prioritiesD='';
        {% if(app.session.get('readingGrid_priority') is defined) %}
        prioritiesD='{{ app.session.get('readingGrid_priority') }}';
        session_data+='readingGrid_priority*';
        {% endif %}
        if(prioritiesD!=''){
            filters +='{"field":"PRI.id","op":"eq","data":"'+prioritiesD+'"},';
        }
        var priorities=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for priority in priList %}
        priorities+='{{ priority.priId }}'+":"+'{{ priority.priName }}';
            {% if loop.index != priList|length %}
                priorities+=';';
            {% endif %}
        {% endfor %}
            
            {# // data user radiologist
        var userR='';
        {% if(app.session.get('readingGrid_userRad') is defined) %}
        userR='{{ app.session.get('readingGrid_userRad') }}';
        session_data+='readingGrid_userRad*';
        {% endif %}
        if(userR!=''){
            filters +='{"field":"e.id","op":"eq","data":"'+userR+'"},';
        }
        var usersR=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for userRad in userUtil %}
        usersR+='{{ userRad.id }}'+":"+'{{ userRad.username }}';
            {% if loop.index != userUtil|length %}
                usersR+=';';
            {% endif %}
        {% endfor %} 
            
            #}
            
            
         //data professional
        {% set sesionvar = app.session.get('readingGrid_prof') %}
        var ProfD='';
        {% if sesionvar !='' %}
        ProfD='{{ sesionvar }}';
        session_data+='readingGrid_prof*';
        {% endif %}
        if(ProfD!=''){
            filters +='{"field":"Us.id","op":"eq","data":"'+ProfD+'"},';
        }
        var Prof=':{{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for professional in userUtil %}
        Prof+='{{ professional.id }}'+":"+'{{ professional.firstname }} {{ professional.lastname }};';
        {% endfor %}    

        //data preguardado
        var PregD='';
        {% if(app.session.get('readingGrid_preg') is defined) %}
        PregD='{{ app.session.get('readingGrid_preg') }}';
        session_data+='readingGrid_preg*';
        {% endif %}
        if(PregD!=''){
            filters +='{"field":"a.appCustom4","data":"'+PregD+'"},';
        }
        var Preg = ':{{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        Preg+='t'+":"+'Si;';
        Preg+='f'+":"+'No';

        // data agreement
        var epsD='';
        {% if(app.session.get('readingGrid_eps') is defined) %}
        epsD='{{ app.session.get('readingGrid_eps') }}';
        session_data+='readingGrid_eps*';
        {% endif %}
        if(epsD!=''){
            filters +='{"field":"eps.name","op":"eq","data":"'+epsD+'"},';
        }
        var eps = ': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for VarEpsList in epsList %}
        eps+="{{ VarEpsList.name|raw }}"+":"+"{{ VarEpsList.name|raw }}";
            {% if loop.index != epsList|length %}
                eps+=';';
            {% endif %}
        {% endfor %}
            
            //data room
        var RoomD='';
        {% if(app.session.get('readingGrid_room') is defined) %}
        RoomD='{{ app.session.get('readingGrid_room') }}';
        session_data+='readingGrid_room*';
        {% endif %}
        if(RoomD!=''){
            filters +='{"field":"roc.roomName","op":"eq","data":"'+RoomD+'"},';
        }
        var Room=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for salas in Room %}
            Room+='{{ salas.roomName  }}'+":"+'{{ salas.roomName }}';
            {% if loop.index != Room|length %}
                Room+=';';
            {% endif %}
        {% endfor %}
            
            
        //data headquater
        var HeadquartD='';
        {% if(app.session.get('readingGrid_headquarter') is defined) %}
        HeadquartD='{{ app.session.get('readingGrid_headquarter') }}';
        session_data+='readingGrid_headquarter*';
        {% endif %}
        if(HeadquartD!=''){
            filters +='{"field":"he.headquarterName","op":"eq","data":"'+HeadquartD+'"},';
        }
        var Headquart=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for sedes in Headquarter %}
        Headquart+='{{ sedes.varHead  }}'+":"+'{{ sedes.varHead }}';
            {% if loop.index != Headquarter|length %}
                Headquart+=';';
            {% endif %}
        {% endfor %}

        //data appointmentDate
        var appointmentD='';
        {% if(app.session.get('readingGrid_date') is defined) %}
        appointmentD='{{ app.session.get('readingGrid_date') }}';
        session_data+='readingGrid_date*';
        {% endif %}
        if(appointmentD!=''){
            filters +='{"field":"a.datetimeAsistencial","op":"eq","data":"'+appointmentD+'"},';
        }

        var dateStart1='';
        {% if(app.session.get('readingGrid_dateStart') is defined) %}
        dateStart1='{{ app.session.get('readingGrid_dateStart') }}';
        session_data+='readingGrid_dateStart*';
        {% endif %}
        if(dateStart1!=''){
            filters +='{"field":"sch.dateStart","op":"eq","data":"'+dateStart1+'"},';
        }
        
                
        //data dateBirth
        var ageTypeD='';
        {% if(app.session.get('readingGrid_ageType') is defined) %}
        ageTypeD='{{ app.session.get('readingGrid_ageType') }}';
        session_data+='readingGrid_ageType*';
        //alert(ageTypeD);
        {% endif %}
        if(ageTypeD!=''){
             filters +='{"field":"pe.dateBirth","op":"eq","data":"'+ageTypeD+'"},'; 
        }
        var agetype=': {{ 'labels.all'|trans([], 'LocalizationBundle') }};';
        {% for tipoedad in ageType %}
            agetype+='{{ tipoedad }}'+":"+'{{ tipoedad }}';
            {% if loop.index != (tipoedad|length - 1) %}
                agetype+=';';
            {% endif %}
        {% endfor %}
            
        //data dateYear
        var ageYearD='';
        {% if(app.session.get('readingGrid_ageYear') is defined) %}
        ageYearD='{{ app.session.get('readingGrid_ageYear') }}';
        session_data+='readingGrid_ageYear*';
        //alert(ageYearD);
        {% endif %}
        if(ageYearD!=''){
             filters +='{"field":"pe.ageYear","op":"eq","data":"'+ageYearD+'"},';
        } 
        
        //data studyName
        var studyNameD='';
        {% if(app.session.get('readingGrid_studyName') is defined) %}
        studyNameD='{{ app.session.get('readingGrid_studyName') }}';
        session_data+='readingGrid_studyName*';
        //alert(studyName);
        {% endif %}
        if(studyNameD!=''){
             filters +='{"field":"stc.studyName","op":"cn","data":"'+studyNameD+'"},'; 
        }    
            
        $(function() {

            $("#grid").jqGrid({
                url: "{{ path('_grid_dictation_data') }}",datatype: 'json',
                        postData: {
                            filters:'{"groupOp":"AND","rules":['+filters.slice(0, -1)+']}'
                        },
                 colModel: [
                     {name:'dateStart1', index:'sch.dateStart', width:25, stype:"text",
                         formatoptions: {
                             srcformat: 'ISO8601Long',
                             newformat: 'Y-m-d'

                         },
                         sorttype:"date",
                         align:'center',
                         searchoptions: { sopt: ['eq','le','ge'],
                             clearSearch: false,
                             dataInit: function (elem) {
                                 $(elem).datepicker({
                                     dateFormat: 'yy-mm-dd',
                                     changeYear: true,
                                     changeMonth: true,

                                 });
                             },defaultValue:dateStart1
                         } },
                     {name:'DateTimeAsistencial2',index:'a.appointmentDate', sorttype:'date', datefmt:'H:i', align:'center', width:12, search:false},

                    {name:'idDocumentType',index:'docType', sorttype:'string', width:10, align:'center', search:false},
                    {name:'document', index:'pe.document', width:21,searchoptions:{ clearSearch: false,sopt:['cn']}, sortable: true, sorttype:'number'},
                    {name:'ageType', index:'pe.dateBirth', width:15, stype:"select", searchoptions:{clearSearch: false,sopt:['eq'], value:agetype,defaultValue:ageTypeD}},
                    {name:'ageYear', index:'pe.ageYear', width:15, searchoptions:{ clearSearch: false,sopt:['eq'], value:ageYearD, defaultValue:ageYearD}, sortable: true, sorttype:'number'},

                    {name:'firstLastName', index:'pe.firstLastName', width:48,searchoptions:{ clearSearch: false,sopt:['cn']},sorttype:'text'},

                    {name:'eps', index:'eps.name', sorttype:'text', width:30, stype:"select", searchoptions:{ clearSearch: false,value:eps,defaultValue:epsD}},
                    {name:'varHead', index:'he.headquarterName', stype:"select", width:25, searchoptions:{ clearSearch: false,value:Headquart,defaultValue:HeadquartD}},
                    
            {# Sala#}
                    {name:'roomName', index:'roc.roomName', stype:"select", width:25, searchoptions:{clearSearch: false,sopt:['eq'], value:Room,defaultValue:RoomD}},

                    {name:'studyName', index:'stc.studyName', sorttype:'text', width:35,searchoptions:{ clearSearch: false,sopt:['cn'], value:studyNameD, defaultValue:studyNameD}, sortable: true,sorttype:'text'},
                    {name:'varMod', index:'mod.idModality', sorttype:'text', width:15, stype:"select", searchoptions:{ clearSearch: false,sopt:['eq'],value:modalities,defaultValue:modalityD}},
                    {name:'Procedencia', index:'PRO.name', sorttype:'text',  stype:"select", width:25,searchoptions:{ clearSearch: false,sopt:['eq'],value:provenances,defaultValue:provenancesD}},
                    {name:'priority', index:'PRI.id', sorttype:'text',stype:"select", width:22,searchoptions:{ clearSearch: false,sopt:['eq'],value:priorities,defaultValue:prioritiesD}},
                    {name:'prof', index:'Us.id', stype:"select", width:25, searchoptions:{clearSearch: false, value: Prof.slice(0, -1),defaultValue:ProfD}},
                    {name:'appCustom4',index:'a.appCustom4', sorttype:'string', width:20, align:'center', stype:"select", searchoptions:{ clearSearch: false,value:Preg,defaultValue:PregD}},
                    {name:'DateTimeAsistencial1', index:'a.datetimeAsistencial', width:25, stype:"text",
                         formatoptions: {
                             srcformat: 'ISO8601Long',
                             newformat: 'Y-m-d'

                         },
                         sorttype:"date",
                         align:'center',
                         searchoptions: { sopt: ['eq','le','ge'],
                             clearSearch: false,
                             dataInit: function (elem) {
                                 $(elem).datepicker({
                                     dateFormat: 'yy-mm-dd',
                                     changeYear: true,
                                     changeMonth: true,

                                 });
                             },defaultValue:appointmentD
                         } },

                    {name:'HoraLlegad',index:' a.datetimeAsistencial', sorttype:'date', datefmt:'H:i', align:'center', width:20, search:false},
                    {name:'botton', index:'a.botton', align:'center', width:8,search:false}
                    
                ]
                , colNames: [
                    "{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.time.hourCita'|trans([], 'LocalizationBundle') }}",
                    "{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.patient.ageType'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.room'|trans([], 'LocalizationBundle') }}:",    
                    "{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.origin'|trans([], 'LocalizationBundle') }}:",
                    "{{ 'labels.priority'|trans([], 'LocalizationBundle') }}:",
                   "{{ 'labels.role.professional'|trans([], 'LocalizationBundle') }}",
                    "{{ 'labels.preguardado.label'|trans([], 'LocalizationBundle') }}",
                    "{{ 'labels.date.arrivalDate'|trans([], 'LocalizationBundle') }}",
                   "{{ 'labels.time.arrivalTime'|trans([], 'LocalizationBundle') }}:",
                    "",
                    
                ]
                ,
                rowList:[30,60,90],
                rowNum:30,
                sortname: 'a.datetimeAsistencial',
                ignoreCase:true,
                pager: '#pager',
                viewrecords: true,
                shrinkToFit:true,
                height: '100%',
                forceFit:true,
                autowidth:true,
                position: "last",
                toppager:true,
                caption: '{{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}',
                ondblClickRow: function(id){
                    var url_detail='{{ path('reading_dictation_MakeReading', {'cit':'cit'}) }}';
                    url_detail = url_detail.replace("cit", id);
                    location.href=url_detail;
                }
            });
            jQuery("#grid").jqGrid('setFrozenColumns');
            $('#gs_appointmentDate1').datepicker();
            $('#gs_dateStart1').datepicker();
            var table_selector="#grid";
            var pager_selector="#pager";
            $(table_selector).jqGrid('navGrid', pager_selector, {
                cloneToTop: true,
                edit: false,
                add: false,
                del: false,
                search: true,
                refresh: true,
                view: false
            },{},{},{},{multipleSearch:true});

            $(table_selector).jqGrid('navSeparatorAdd', table_selector + '_toppager', {
                sepclass: 'ui-separator',
                sepcontent: '',
                position: 'last'
            });

            $(table_selector).jqGrid('navButtonAdd', table_selector + '_toppager', {
                caption: '  X  ',
                buttonicon: 'ui-icon ',
                onClickButton: function() {
                    if(session_data!=''){
                        RemoveSessions(url_removeS,session_data.slice(0, -1));

                    }

                },
                position: 'last'
            });
            jQuery("#grid").jqGrid('filterToolbar',{ignoreCase:true,stringResult: true, searchfield:true, searchOnEnter: false, defaultSearch: 'cn', autosearch:true});
            $("#grid").jqGrid ('setLabel', 'Name', '', {'text-align':'right'});
            $("#grid").jqGrid('getGridParam', 'rowNum') == 'ALL';
            $('#grid').setGridParam({datatype: 'json', url:'{{ path('_grid_dictation_data') }}'});
            $('#grid')[0].triggerToolbar();
           // setInterval('refresh()', parseInt({{ refresh_timer }})*1000);
            $('#gs_varMod').change(function(){
                setSession(url_data,'readingGrid','modality', $(this).val());
            });
            $('#gs_Procedencia').change(function(){
                setSession(url_data,'readingGrid','provenance', $(this).val());
            });
            {#SALA#}
            $('#gs_roomName').change(function(){
                setSession(url_data,'readingGrid','room', $(this).val());
            });
            
            $('#gs_priority').change(function(){
                setSession(url_data,'readingGrid','priority', $(this).val());
            });
            $('#gs_varHead').change(function(){
                setSession(url_data,'readingGrid','headquarter', $(this).val());
            });
            $('#gs_eps').change(function(){
                setSession(url_data,'readingGrid','eps', $(this).val());
            });
            $('#gs_prof').change(function(){
                setSession(url_data,'readingGrid','prof', $(this).val());
            });
            $('#gs_appCustom4').change(function(){
                setSession(url_data,'readingGrid','preg', $(this).val());
            });
            $('#gs_DateTimeAsistencial1').change(function (dateText, inst) {
                setSession(url_data,'readingGrid','date', $('#gs_DateTimeAsistencial1').val());
                setTimeout(function () {
                    $('#grid')[0].triggerToolbar();
                }, 100);
            });
            $('#gs_dateStart1').change(function (dateText, inst) {
                setSession(url_data,'readingGrid','dateStart', $('#gs_dateStart1').val());
                setTimeout(function () {
                    $('#grid')[0].triggerToolbar();
                }, 100);
            });
            $('#gs_ageType').change(function(){
                setSession(url_data,'readingGrid','ageType', $('#gs_ageType').val());
            });
            $('#gs_ageYear').change(function(){
                setSession(url_data,'readingGrid','ageYear', $('#gs_ageYear').val());
            });
            $('#gs_studyName').change(function(){
                setSession(url_data,'readingGrid','studyName', $('#gs_studyName').val());
            });
            setInterval('refresh()', parseInt({{ refresh_timer }})*1000);
        });

        function refresh(){$('#grid').trigger("reloadGrid",[{current:true}]);}
        function RemoveSessions(url,fields){
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    'fields': fields
                },
                success: function(resp) { //Limpia el cuerpo de la tabla para incluir la nueva información
                    var jsonResp = JSON.parse(resp);
                    console.log(jsonResp);
                    location.reload();
                },
                onFailure: function() {
                    //alert('Se ha producido un error');
                }
            });
        }
        function setSession(url,grid,field,value){
            $.ajax({
                url: url,
                type: "POST",
                data: {
                    'grid': grid,
                    'field': field,
                    'value': value
                },
                success: function(resp) { //Limpia el cuerpo de la tabla para incluir la nueva información
                    var jsonResp = JSON.parse(resp);
                    console.info(jsonResp);
                },
                onFailure: function() {
                    //alert('Se ha producido un error');
                }
            });
        }
    </script>

{% endblock %}
{% block content %}
    {#{% include 'MainBundle:Master:notificationsHeader.html.twig' with rowSecOpinion %}
    {% include 'MainBundle:Master:notificationsHeader.html.twig' with rowResponse %}#}
    <section >

        <div style="padding:10px 20px;">
            <table id="grid" ></table>
            <div id="pager" ></div>
        </div>

    </section>
{% endblock %}