{% extends 'base.html.twig' %}
{% block js_document_ready %}
	{# Para implenteacion con Switch #}
	{# $("#checkboxReceptores").prop('checked',{% if not form.children.receptor.vars.valid %}true{% endif %});
	{% if not form.children.receptor.vars.valid %}
		$("#formReceptores").hide();
		$("#formReceptor").show();
	{% else %}
		$("#formReceptor").hide();
		$("#formReceptores").show();
	{% endif %} #}
{% endblock %} 

{% block javascripts %}
    {{ parent() }}

	{# Para implenteacion con Switch #}
    {# <script type="text/javascript">
		function checkboxClick(checkbox) {
			if(checkbox.checked)
			{
				$("#formReceptores").hide();
				$("#formReceptor").show();
			}
			else
			{
				$("#formReceptor").hide();
				$("#formReceptores").show();
			}
		}
	</script> #}

{% endblock %}

{% block title %}Cargar RIAS{% endblock %}

{% block breadcrumb %}
    <ol class="breadcrumbs">
		<li><a href="{{ path('portal_consejo') }}">Escritorio</a></li>
        <li><a class="active" href="{{ path('ternas_listado') }}">Lista de Ternas</a></li>
		<li><a class="active">RIAS</a></li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <div class="row">
        <div class="col s12 l9">
            <i class="material-icons medium left identidad-color-text text-darken-2">group</i>
            <h4 style="margin-top: 12px;">Carga de RIAS para: {{ternasConf.observaciones}}</h4>
        </div>
    </div>
{% endblock %}



{% block body %}
	{{ form_start(form) }}
	<br>
	<div class="col s12 l12">
		<div class="row">
		    <div class="col s12 m12">
		      	<div class="card-panel identidad-color" style="display:flex;flex-direction:row">
				<i class="material-icons medium left identidad-color-text text-darken-2">info</i> 
		        	<div class="white-text"> 
					- Para varios DNIS el formato del archivo a adjuntar debe ser de texto(.txt). </br>
		        	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Los DNI de las personas que se desea notificar deben escribirse uno debajo del otro, sin comas, ni otros caracteres.</br>
					- Para un único receptor se debe ingresar el DNI</br>
					En ambos casos los DNI deben estar estar compuestos sólo de números (sin puntos)
					</div>
		      	</div>
		    </div>
	  	</div>
	    <div>
			{# Para implenteacion con Switch #}
			{# <div class="switch">
				<label>
					Cargar Varios Receptores
				<input id="checkboxReceptores" type="checkbox" onclick='checkboxClick(this);' {% if not form.children.receptor.vars.valid %} checkbox {% endif %}>
				<span class="lever"></span>
					Cargar 1 Receptor
				</label>
			</div> #}
	        <div class="card darken-1">
				<ul class="tabs">
					<li class="tab col s3"><a {% if not form.children.receptores.vars.valid %} class="active" {% endif %} href="#formReceptores">Cargar Varios Receptores</a></li>
					<li class="tab col s3"><a {% if not form.children.receptor.vars.valid %} class="active" {% endif %} href="#formReceptor">Cargar 1 Receptor</a></li>
				</ul>
	            <div  id="formReceptores"  class="card-content">
	                <div class="row">
						<div class="input-field col s9">
							<div class="file-field input-field">
								{{ form_widget(form.receptores) }}
							</div>
						</div>
						<div class="input-field col s3">
								{{ form_widget(form.guardar) }}
						</div>
	                </div>
	            </div>
				<div id="formReceptor"  class="card-content">
	                <div class="row">
						<div class="input-field col s9">
								{{ form_row(form.receptor) }}
						</div>
						<div class="input-field col s3">
								{{ form_widget(form.guardarReceptor) }}
						</div>
	                </div>
	            </div>
				<div class="card-action right-align">
					{{ form_end(form) }}
				</div>
	    	</div>
		</div>
	<div class="card-action left-align">
		<a class="btn waves-effect waves-light grey darken-1" 
			href="{{ path('ternas_listado') }}">
			Volver<i class="material-icons right">arrow_back</i></a>
	</div>
	</div>
{% endblock %}