{% 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/main/css/select2.css') }}"/>

    <link rel="stylesheet" href="{{ asset('bundles/utilities/sweetalert/sweetalert.css') }}" >
    <script type="text/javascript" src="{{ asset('bundles/utilities/sweetalert/sweetalert.min.js') }}"></script>
    
    <script type="text/javascript" src="{{ asset('bundles/receive/js/receive.js') }}"></script>
    <script type="text/javascript">
        var UrlUpdaData = '{{ path("updateDataPatient") }}';
        var urlSendFile = '{{ path("SendFile") }}';
        var UrlSaveDataWorklist = '{{ path("SaveDataWorklist") }}';
        var UrlNewData = '{{ path('receive_homepage') }}';
        var UrlDataMunicipality = '{{ path("municipalityList") }}';
        var UrlDataPatient = '{{ path("patientList") }}';
        var UrlDataStudies = '{{ path("studyList") }}';
        var UrlDataRoom = '{{ path("roomList") }}';
        var years = '{{ 'receive.years'|trans([], 'LocalizationBundle') }}';
        var months = '{{ 'receive.months'|trans([], 'LocalizationBundle') }}';
        var year = '{{ 'receive.year'|trans([], 'LocalizationBundle') }}';
        var month = '{{ 'receive.month'|trans([], 'LocalizationBundle') }}';
        var day = '{{ 'receive.day'|trans([], 'LocalizationBundle') }}';
        var days = '{{ 'receive.days'|trans([], 'LocalizationBundle') }}';
        var select = '{{ 'receive.select'|trans([], 'LocalizationBundle') }}';
        var study = '{{ 'receive.study'|trans([], 'LocalizationBundle') }}';
        var room = '{{ 'receive.room'|trans([], 'LocalizationBundle') }}';
        var option = '';
        {% for mod in modList %}
        option += '<option value="{{ mod.varMod }}">{{ mod.varMod }}</option>';
        {% endfor %}
        var modality = '{{ 'receive.modality'|trans([], 'LocalizationBundle') }}';
        var mandatory_email = '{{ 'receive.mandatory_email'|trans([], 'LocalizationBundle') }}';
        var ok = '{{ 'receive.ok'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'receive.cancel'|trans([], 'LocalizationBundle') }}';
    </script>
{% endblock %}
{% block content %}
    <section>
    <article>
    <div id="accordion1">
    <h3>{{ 'receive.receive_title'|trans([], 'LocalizationBundle') }}:</h3>

    <div>
    <div class="container-fluid">
    <input id="firstLastName" name="firstLastName" type="text" value="" tabindex="1001" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
    <input id="secondLastName" name="secondLastName" type="text" value="" tabindex="1002" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
    <input id="firstName" name="firstName" type="text" value="" tabindex="1003" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
    <input id="secondName" name="secondName" type="text" value="" tabindex="1004" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
    <input id="gender" name="gender" type="text" value="" tabindex="1005" class="txtdatid">
    <input id="birthDate" name="birthDate" type="text" value="" tabindex="1006" class="txtdatid">
    <input id="gs_rh" name="gs_rh" type="text" value="" tabindex="1007" class="txtdatid">
    <input id="first_number" type="text" tabindex="1008" class="txtdatid">
    <input id="second_number" type="text" tabindex="1009" class="txtdatid">

    <!--<div  class="table_data">-->
    
    <!-- Search button-->
    <div class="col-md-6">
        <div class="col-sm-3">
            <label id="" for="style">{{ 'receive.document'|trans([], 'LocalizationBundle') }}: (*)</label>
        </div>
        <div class="col-sm-4">
            <input id="doc" class="form-control" name="doc" maxlength="20" class="field_receive" type="text" required="required" tabindex="1000">
        </div>
        <div class="col-sm-3">
            <input type="button" class="form-control" id="button" tabindex="1010" value="Buscar"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="col-md-12"><hr></div>   
    <div id="ocult1" style="visibility: hidden;">
    <div>
        
    {#Hijo de#}    
    
    <div class="col-md-12">
        <label for="style" class="col-md-1">{{ 'receive.son_of'|trans([], 'LocalizationBundle') }}:</label>
        <div class="div_left_check">
            <input type="checkbox" name="hijo" id="son_of" required="required"/>
        </div>
    </div> 
        <div class="col-md-12"><hr></div>
   {#Fin Hijo de#}           
   <div class="clearfix"></div>            
                
    {#Tipo ID#}
            <div class="col-md-6">
		<div class="form-group">
                        <label for="style" class="col-sm-6 control-label">{{ 'receive.id_type'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
			   <select id="documentType" name="documentType" required="required" class="form-control select_receive">
                                <option value="">Seleccione</option>
                                <!--<option value="1">CC</option>
                                <option value="2">CE</option>
                                <option value="3">PA</option>
                                <option value="4">RC</option>
                                <option value="5">TI</option>
                                <option value="8">{# 'receive.not_available'|trans([], 'LocalizationBundle') #}</option>-->
                                {% for document in typeDocument %}
                                    <option value="{{ document.docType }}">{{ document.docType }}</option>
                                {% endfor %}
                            </select>
			</div>
		</div>
            </div>
   {#Fin Tipo ID#}
   {#Tipo GS/RH#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.GS_RH'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="rh" name="rh" class="form-control select_receive" required="required">
                        {% for blood in bloodList %}
                            <option value="{{ loop.index0 }}">{{ blood.tipo }}{{ blood.RH }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>
   {#Fin Tipo GS/RH#}
                
   {#Primer Nombre#}
            <div class="col-md-6">
                <div class="form-group">
                        <label for="style" class="col-sm-6 control-label">{{ 'receive.first_name'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
                            <input name="firstName" id="firstName_1" class="form-control field_receive" type="text" required="required" onkeyup="javascript:this.value=this.value.toUpperCase();">
			</div>
		</div>
            </div>
    {#Fin Primer Nombre#}       
    {#Segundo nombre #}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.second_name'|trans([], 'LocalizationBundle') }}:</label>
                    <div class="col-sm-6">
			 <input name="secondName_1" id="secondName_1" class="form-control field_receive" type="text" id="secondName" onkeyup="javascript:this.value=this.value.toUpperCase();">
                    </div>
                </div>
            </div>
    {#Fin Segundo nombre #}          
    {#Primer apellido #}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.first_last_name'|trans([], 'LocalizationBundle') }}:  (*)</label>
                    <div class="col-sm-6">
                        <input class="form-control field_receive" id="firstLastName_1" name="firstLastName_1" type="text" required="required" onkeyup="javascript:this.value=this.value.toUpperCase();">
                    </div>
                </div>
            </div>
    {#Fin Primer apellido #}     
    {#Segundo apellido #}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.second_last_name'|trans([], 'LocalizationBundle') }}:</label>
                    <div class="col-sm-6">
                        <input class="form-control field_receive" name="secondLastName_1" id="secondLastName_1" type="text" onkeyup="javascript:this.value=this.value.toUpperCase();">
                    </div>
		</div>
            </div>
    {#Fin Segundo apellido #}     
           
    {#Fecha de nacimiento #} 
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.birthday'|trans([], 'LocalizationBundle') }}( YYYY-mm-dd ) : (*)</label>
                    <div class="col-sm-6">
			<input name="dateBirth" id="dateBirth" class="form-control field_receive" type="text" required="required">
                    </div>
		</div>
            </div>
    {#Fin Fecha de nacimiento #}           
    {#Edad#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.age_typing'|trans([], 'LocalizationBundle') }} : (*)</label>
                    <div class="col-sm-6">
			<input id="age" name="age" maxlength="3" type="text" class="form-control field_receive" required="required" disabled="disabled">
                    </div>
		</div>
            </div>
    {#Fin Edad#}
    {#Genero#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.gender'|trans([], 'LocalizationBundle') }}: (*)</label>
			<div class="col-sm-6">
                            <div class="radio">
				<label class="col-sm-6">
                                    <input id="sex-M" type="radio" name="sex" value="M" required="required" checked="checked">
                                    
                                    {{ 'receive.men'|trans([], 'LocalizationBundle') }}
				</label>
                            </div>
                            <div class="radio">
				<label class="col-sm-6">
                                    <input id="sex-F" type="radio" name="sex" value="F" required="required">
					{{ 'receive.women'|trans([], 'LocalizationBundle') }}
				</label>
                            </div>
			</div>
		</div>
            </div>
    {#Fin Genero#}   
        
    {#Tipo edad#}
                <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.old_type'|trans([], 'LocalizationBundle') }} : (*)</label>
			<div class="col-sm-6">
                            <select name="type_age" id="type_age" class="form-control select_receive" required="required">
                                <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                                <option value="1">{{ 'receive.years'|trans([], 'LocalizationBundle') }}</option>
                                <option value="2">{{ 'receive.months'|trans([], 'LocalizationBundle') }}</option>
                                <option value="3">{{ 'receive.days'|trans([], 'LocalizationBundle') }}</option>
                            </select>
			</div>
                </div>
                </div>
    {#Fin Tipo edad#}
    
    <div class="col-md-12"><hr></div>           
      
            
    {#Departamento#}
            <div class="col-md-6">
                <div class="form-group">

                    <label for="style" class="col-sm-6 control-label">{{ 'receive.departament_name'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
                            <select class="form-control select_receive" id="departamentName" name="departmentName" required="required">
                                    <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                                    {% for departamento in list_dept %}
                                        <option value="{{ departamento.departmentCode }}">{{ departamento.departmentName }}</option>
                                    {% endfor %}
                            </select>
                    </div>
                </div>
            </div>
    {#Fin Departamento#}              
   
    {#Municipio#}
            <div class="col-md-6">
                <div class="form-group">
                        <label for="style" class="col-sm-6 control-label">{{ 'receive.municipality'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
                            <select id="municipalityName" class="form-control select_receive" name="municipalityName" required="required">
                                    <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                            </select>
                        </div>
                </div>
            </div>
    {#Fin Municipio#}                   
    {#Zona residencial#}
            <div class="col-md-6">
                <div class="form-group">
                        <label for="style" class="col-sm-6 control-label">{{ 'receive.residential_zone'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
                            <div class="radio">
                              <label class="col-sm-6">
                                    <input type="radio" name="zona" id="zona-1" value="1" checked="checked" required="required">
                                    {{ 'receive.urban'|trans([], 'LocalizationBundle') }}
                                    </label>
                            </div>
                            <div class="radio">
                                <label class="col-sm-6">
                                    <input type="radio" name="zona" id="zona-2" value="2" required="required">
                                    {{ 'receive.rural'|trans([], 'LocalizationBundle') }}
                                </label>
                            </div>
                        </div>
                </div>
            </div>
    {#Fin Zona residencial#}       
    {#Direccion#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.address'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
                       <input type="text" class="form-control field_receive" id="address" name="address" required="required">
                    </div>
                </div>
            </div>
    {#Fin Direccion#}           
    {#Telefono#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.phone'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
                       <input id="telephone" class="form-control field_receive" maxlength="10" class="field_receive" name="telephone" type="text" required="required">
                    </div>
                </div>
            </div>
    {#Fin Telefono#}      
    {#Celular#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.cellphone'|trans([], 'LocalizationBundle') }}:</label>
                    <div class="col-sm-6">
                       <input id="cellphone" class="form-control field_receive" maxlength="10" class="field_receive" name="cellphone" type="tel">
                    </div>
                </div>
            </div>
    {#Fin celular#}             
    {#Acudiente#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.guardian'|trans([], 'LocalizationBundle') }}:</label>
                    <div class="col-sm-6">
                       <input id="acud" name="acud" class="form-control field_receive" type="text">
                    </div>
                </div>
            </div>
    {#Fin Acudiente#}  
    {#Correo#}
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.email'|trans([], 'LocalizationBundle') }}:</label>
                    <div class="col-sm-6">
                       <input id="email" name="email" class="form-control field_receive" type="email">
                       <span id="reqEmail"></span>
                    </div>
                </div>
            </div>
    {#Fin Correo#}       
    {# Btn Actualizar datos #}
            <div class="col-md-6">
                <div class="form-group">
                    <input type="button" id="updateDataPatient" class="ui-button ui-widget ui-state-default ui-corner-all" value="Actualizar Datos Paciente">
                </div>
            </div>
    {# Btn Actualizar datos #}            
           
    {# Fin Btn Actualizar datos #} 
    <div class="col-md-12"><hr></div>       
    
    {#Doctor#} 
        <div class="col-md-4">
            <div class="form-group">
		<label for="style" class="col-sm-6 control-label">{{ 'receive.doctor_referring'|trans([], 'LocalizationBundle') }}: (*)</label>
		<div class="col-sm-6">
                    <input id="doctor_referring" name="doctor_referring" class="form-control field_receive" type="text" required="required" onkeyup="javascript:this.value=this.value.toUpperCase();">
		</div>
            </div>
        </div>
    {#Fin Doctor#}
    
    {#trae info clinica#} 
            <div class="col-md-4">
                <div class="form-group">
                        <label for="style" class="col-sm-6 control-label">{{ 'receive.clinicalData'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
                            <div class="radio">
                              <label class="col-sm-6">
                                    <input type="radio" name="clinicalData" value="1" checked="checked" required="required">
                                    {{ 'receive.yes'|trans([], 'LocalizationBundle') }}
                                    </label>
                            </div>
                            <div class="radio">
                                <label class="col-sm-6">
                                    <input type="radio" name="clinicalData" value="2" required="required">
                                    {{ 'receive.no'|trans([], 'LocalizationBundle') }}
                                </label>
                            </div>
                        </div>
                </div>
            </div>
    {#Fin trae info clinica#}
    <div class="clearfix"></div>
              
    {#prioridad#}   
            <div class="col-md-4">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'patient.prio.label'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_priority" name="select_priority" class="form-control select_receive">
                        {% for priority in priList %}
                             <option value="{{ priority.priId }}">{{ priority.priName }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>
    {#Fin prioridad#}    
            
    {#procedencia#}     
            <div class="col-md-4">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'patient.prec.label'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_procedence" name="select_procedence" class="form-control select_receive">
                        {% for provenance in proList %}
                            <option value="{{ provenance.id }}">{{ provenance.name }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>
    {#Fin procedencia#}      
         
    {#convenio#}   
            <div class="col-md-3">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.agreement'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_convenio" name="select_convenio" class="form-control select_receive">
                        {% for eps in epsList %}
                            <option value="{{ eps.idEps }}">{{ eps.name }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>
    {#Fin convenio#}     
    <div class="clearfix"></div> 
    <div class="col-md-12"><hr></div> 
   
   <div id="modality_st">
    {#Modalidad#}  
            <div class="col-md-4">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.modality'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_modality" title="select_studies" alt="select_room" name="select_modality"
                            class="form-control select_receive modality_worklist">
                        <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        {% for mod in modList %}
                            <option value="{{ mod.varMod }}">{{ mod.varMod }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>
    {#Fin Modalidad#}   
    
    {#Estudios#}  
            <div class="col-md-4">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.study'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_studies" name="select_studies" class="form-control select_receive">
                            <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        </select>
                    </div>
		</div>
            </div>
    {#Fin Estudios#}  
    {#Sala#}   
            <div class="col-md-3">
                <div class="form-group">
                    <label for="style" class="col-sm-6 control-label">{{ 'receive.room'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-6">
			<select id="select_room" name="select_room" class="form-control select_receive">
                            <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        </select>
                    </div>
                </div>
            </div>
    {#Fin Sala#}
    {#Boton +#}
    
            <div class="col-md-1">
                <ul id="icons" class="ui-widget ui-helper-clearfix">
                           <li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick">
                               <a id="plus_modality">
                                   <span class="ui-icon ui-icon-plusthick"></span>
                               </a>
                           </li>
                </ul>
            </div>
                      
    {#Fin Boton +#}
    </div>{#Fin modality_st#}
    
    
    {#Adicionar campos con select2#}
    {#<div id="modality_st">#}
    {#Modalidad  
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-4 control-label">{{ 'receive.modality'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-8">
			<select id="select_modality" title="select_studies" alt="select_room" name="select_modality"
                            class="form-control select_receive modality_worklist">
                        <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        {% for mod in modList %}
                            <option value="{{ mod.varMod }}">{{ mod.varMod }}</option>
                        {% endfor %}
                        </select>
                    </div>
		</div>
            </div>#}
    {#Fin Modalidad#}
    {#Sala 
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-4 control-label">{{ 'receive.room'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-8">
			<select id="select_room" name="select_room" class="form-control select_receive ">
                            <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        </select>
                    </div>
                </div>
            </div>#}  
    {#Fin Sala#}
    {#<div class="clearfix"></div>#}
    {#Estudios  
            <div class="col-md-6">
                <div class="form-group">
                    <label for="style" class="col-sm-4 control-label">{{ 'receive.study'|trans([], 'LocalizationBundle') }}: (*)</label>
                    <div class="col-sm-8">
			<select id="select_studies" name="select_studies" class="basic select_receive" style="width:100%;">
                            <option value="">{{ 'receive.select'|trans([], 'LocalizationBundle') }}</option>
                        </select>
                    </div>
		</div>
            </div>#}
    {#Fin Estudios#}  
    
    {#Boton +
    <button class="btn btn col-md-1 btn-xs" id="plus_modality">+</button>#}
    {#Fin Boton +#}
    {#<div class="clearfix" style="margin-bottom:10px;"></div> 
    </div>#}{#Fin modality_st#}
    
    {# ################################# #}
    
    
    <div class="col-md-12"><hr></div>            
    <div class="clearfix"></div>         
    {#orden medica#}
        <form id="registerReceipt" name="registerReceipt" enctype="multipart/form-data" method="post">
                <div class="col-md-4">
                        <label class="col-sm-6">{{ 'patient.order.label'|trans([], 'LocalizationBundle') }}: (*)</label>
                        <div class="col-sm-6">
                            <input id="file_Clinical_Order" class="form-control" name="file_Clinical_Order" type="file">
                        </div>

                </div>
        </form>
    {#Fin orden medica#}
    <div class="clearfix"></div>                
    <div class="col-md-12"><hr></div>   
    
    <div>
        <div id="spinner" style="display: none;">
            <img style="width: 40px;" src="{{ asset('bundles/utilities/images/spinner.gif') }}" style="border: none;"/>
        </div>
        <p id="container_btn_save">
            <input type="button" id="NewData" class="ui-button ui-widget ui-state-default ui-corner-all"
                   value="{{ 'receive.new'|trans([], 'LocalizationBundle') }}">
            <input class="ui-button ui-widget ui-state-default ui-corner-all" id="save"
                   type="button" value="{{ 'receive.save'|trans([], 'LocalizationBundle') }}">
        </p>
    </div>
    </div>
   <!-- </div> table data-->
    <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
    <div>
        <div id="confirm" class="ui-widget">
            <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
                <p>
                    <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                <div id="mensajeConfirm"></div>
                </p>
            </div>
        </div>
        <!--Muestra un mensaje cuando se presenta algún error-->
        <div id="error" class="ui-widget" style="margin-top: 10px;">
            <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                <p>
                    <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>

                <div id="mensajeError"></div>
                </p>
            </div>
        </div>
    </div>
    
    
    </div>
    </div>

    </div>

    </article>
    </section>


{% endblock %}