@extends('layouts.admin')

@section('content')

<div class="container">
    <div class="row">

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">Inicio</a></li>
				<li class="breadcrumb-item"><a href="{{ route('admin.audiencias.index') }}">Audiencias Realizadas</a></li>
                <li class="breadcrumb-item active" aria-current="page">Editar audiencia/li>
            </ol>
        </nav>

        @if (session('status'))
			<div class="col-12 alert alert-success mb-5">
				{{ session('status') }}
			</div>
		@endif

		@php
			$audiencia = $audiencia ?? null;
		@endphp
		<script type="application/json" id="audiencias-edit-page-config">
		@json($audienciasEditPageViewConfig ?? [])
		</script>
		<form id="AudienciasForm" name="audiencia_form" class="form-horizontal" novalidate onsubmit="return false;">
			<div id="divErrors" class="validacion d-none">
			</div>
			<h2 class="destacado mb-5">Registro de Audiencia realizada</h2>
			@if((($audiencia ?? null) === null))
			<fieldset>
				<h2 class="line">Solicitud de origen</h2>

				<div id="solicitudSelectError"class="form-group">
					<div class="col-lg-10">
						<div class="input-group">
							<label for="inputEmail" class="col-lg-2 form-label label-right">Solicitud</label>
								<select id="solicitudSelectSelectize" class="form-control mb-2" onchange="AudienciasAdmin.load(this)">
									<option value="">Seleccione una</option>
									@foreach (($solicitudes ?? []) as $index => $solicitud)
										@php
											$solicitudId = (int) data_get($solicitud, 'id', 0);
											$referencia = (string) data_get($solicitud, 'referencia', '');
											$sujeto = data_get($solicitud, 'cargoActivo.sujeto');
											$codigoFolio = (string) data_get($solicitud, 'folio.codigo', '');
											if ($solicitudId <= 0 || !$sujeto || $codigoFolio === '') {
												continue;
											}
										@endphp
										<option value="{{ $solicitudId }}">
											{{ $codigoFolio }}
											- {{ \Illuminate\Support\Str::limit($sujeto->displayName(), 30) }}
											- {{ \Illuminate\Support\Str::limit($referencia, 40) }}
										</option>
									@endforeach
								</select>
						</div>
					</div>
				</div>
			</fieldset>
			@endif

			<div id="audienciaDiv" class="d-none">

				<fieldset>
					<h2 class="line">1. Receptor de la Solicitud</h2>
					<p class="destacado-descripcion" >Autoridad o funcionario con quién se solicita audiencia</p>

					<div class="form-group">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Institución</label>
								<input id="institucionNombre" type="text" class="form-control mb-2" readonly />
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Cargo</label>
								<input id="cargo" type="text" class="form-control mb-2" readonly value="@{{ audiencia.pertenencia.cargo }} (@{{ audiencia.pertenencia.usuario.nombres }} @{{ audiencia.pertenencia.usuario.apellidos }})" />
							</div>
						</div>
					</div>

				</fieldset>


				<fieldset disabled>
					<h2 class="line">2. Individualización del Solicitante</h2>
					<p class="destacado-descripcion" >Datos de la persona que solicita</p>

					<div class="input-group col-lg-10">
						<div class="col-12 col-lg-5">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-4 form-label label-right">Nombres</label>
								<input id="nombres" class="form-control mb-2" name="nombres" placeholder="Nombres" type="text" required data-sanitize="true">
							</div>
						</div>
						<div class="col-12 col-lg-5">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-4 form-label label-right">Apellidos</label>
								<input id="apellidos" class="form-control mb-2" name="apellidos" placeholder="Apellidos" type="text" required data-sanitize="true">
							</div>
						</div>
					</div>

					<div class="input-group col-lg-10">
						<div class="col-12 col-lg-5">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-4 form-label label-right">RUT/Pasaporte</label>
								<input id="pasaporte" class="form-control mb-2" name="pasaporte" placeholder="ej: 12345678-9" type="text" required>
							</div>
						</div>
						<div class="col-lg-5">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-4 form-label label-right">País Emisor</label>
								<select id="pais_id" class="form-control mb-2" id="select">
									@foreach ($paises as $pais)
									<option value="{{ $pais->id  }}">{{ $pais->nombre }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div>


					<div class="form-group">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Medio de contacto</label>
								<select id="medio" class="form-control mb-2" name="medio" required disabled>
									<option value="">Seleccione uno</option>
									<option value="telefono">Teléfono</option>
									<option value="email">E-Mail</option>
									<option value="otro">Otro medio</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Género</label>
								<select id="genero" class="form-control mb-2" name="genero" disabled>
									<option value="">No especificado</option>
									<option value="masculino">Masculino</option>
									<option value="femenino">Femenino</option>
									<option value="otro">Otro</option>
									<option value="prefiero_no_decir">Prefiero no decir</option>
								</select>
							</div>
						</div>
					</div>

					<div id="divTelefono" class="form-group d-none">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Teléfono</label>
							<input id="telefono" type="text" class="form-control mb-2" readonly>
							</div>
						</div>
					</div>

					<div id="divEmail" class="form-group d-none">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">E-Mail</label>
								<input id="email" type="text" class="form-control mb-2" readonly />
							</div>
						</div>
					</div>

					<div id="divOtroMedio" class="form-group">
						<div class="col-lg-10">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Otro medio de contacto</label>
								<textarea id="otro_contacto" class="form-control mb-2" rows="2" readonly></textarea>
							</div>
						</div>
					</div>

				</fieldset>



				<fieldset class="table_movil">
					<h2 class="line">3. Individualización de los Asistentes a la audiencia o reunión</h2>

					<table class="table mt-5">
						<thead class="table-dark">

							<tr>
							<th>Nombre</th>
							<th>RUT</th>
							<th>Calidad</th>
							<th>Representado</th>
							<th><!-- Acciones --></th>
							</tr>
						</thead>
					<tbody id="tbodyInvitados">
					</tbody>
					</table>

										<div class="form-group">
						<button type="button" class="btn btn-link" onclick="AudienciasAdmin.openModal()"><i class="glyphicon glyphicon-plus"></i> Agregar otro asistente</button>
					</div>
					
				</fieldset>


				<fieldset>
					<h2 class="line">4. Materias específicas tratadas la audiencia o reunión.</h2>
					<p class="destacado-descripcion" >Destinada a obtener que se adopten, o que no se adopten, las siguiente decisiones y actividades (artículo 5° ley N°20.730)<a class="help-marker pull-right" data-toggle="popover" data-placement="top" data-container="body" data-content="" data-trigger="hover"></a></p>
					<div class="form-group" >
						<div id="materiaDiv" class="col-lg-10 offset-1">
							@foreach ($materias as $i => $materia)
								@if($audiencia !== null)
									@if($materia->id != 99 || in_array('99', Arr::flatten($audiencia->materias)) )
									<div class="checkbox" style="font-size: 15px; padding-top: 10px;">
										<label>
											<input class="form-check-input" type="checkbox" data-materia-id="{{ (int) $materia->id }}" onchange="AudienciasAdmin.changeMateria(this.dataset.materiaId)" value="{{ $materia->id }}"> {{ $materia->nombre }}
										</label>
									</div>
									@endif
								@else
								<div class="checkbox" style="font-size: 15px; padding-top: 10px;">
									<label>
										<input class="form-check-input" type="checkbox" value="{{ $materia->id }}"> {{ $materia->nombre }}
									</label>
								</div>
								@endif

							@endforeach
						</div>
					</div>

				</fieldset>

				<fieldset>
					<h2 class="line">5. Especifique las materias abordadas en la Audiencia</h2>

					<div class="form-group">
						<div class="col-lg-12">
							<label for="inputEmail" class="col-lg-12 "></label>
							<textarea id="referencia" class="form-control mb-2" rows="5" name="referencia" required data-sanitize="true"></textarea>
						</div>
					</div>
				</fieldset>

				<fieldset date-pair>
					<h2 class="line">6. Especifique detalles de la Audiencia</h2>
					<div class="form-group">
						<div class="col-lg-12">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Forma</label>
								<select id="forma" class="form-select mb-2" name="forma" required>
									<option value="">Seleccione una</option>
									<option value="P">Presencial</option>
									<option value="V">Videoconferencia</option>
								</select>
							</div>
						</div>
					</div>

					<div class="form-group">
						<div class="col-lg-12">
							<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Lugar</label>
								<textarea id="lugar" name="lugar" class="form-control mb-2" rows="3" required maxlength="255" placeholder="Máximo 255 caracteres"></textarea>
							</div>
						</div>
					</div>

				<div class="form-group">
					<div class="col-lg-12">
						<div class="input-group">
								<label for="inputEmail" class="col-lg-2 form-label label-right">Comuna</label>
							<select id="comuna" class="form-select mb-2" name="comuna" required>
							<option value="">Seleccione una...</option>
													</select>
						</div>
					</div>
				</div>

				<div class="form-group">
					<div class="input-group">
						<div class="col-lg-2  label-right">
							<label for="inputEmail" class="form-label label-right">Fecha y Hora Inicio</label>
						</div>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar" aria-hidden="true"></i></span>
								<input id="fecha_inicio_date" type="text" class="form-control calendar-end-date date start datepicker" placeholder="Fecha de inicio" readonly/>
							</div>
						</div>
						<div class="col-lg-1"></div>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-text" id="basic-addon1"><i class="fa fa-clock" aria-hidden="true"></i></span>
								<input id="fecha_inicio_time" type="text" class="form-control time start time-picker" placeholder="Hora de inicio"/>
							</div>
						</div>
						<div class="col-lg-3" style="padding-left: 15px">
							<p class="help-block">La fecha de inicio no puede ser previa a la fecha de entrada en vigencia de la Ley</p>
						</div>
					</div>
				</div>

				<div class="form-group" has-error="submitted && audiencia_form.fecha_termino.$invalid">
					<div class="input-group">
						<div class="col-lg-2  label-right">
							<label for="inputEmail" class="form-label label-right">Fecha y Hora Término</label>
						</div>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar" aria-hidden="true"></i></span>
								<input id="fecha_termino_date" type="text" class="form-control calendar-end-date date end datepicker" placeholder="Fecha de término" readonly/>
							</div>
						</div>
						<div class="col-lg-1"></div>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-text" id="basic-addon1"><i class="fa fa-clock" aria-hidden="true"></i></span>
								<input id="fecha_termino_time" type="text" class="form-control time end time-picker" placeholder="Hora de término"/>
							</div>
						</div>
						<div class="col-lg-3" style="padding-left: 15px">
							<p  class="help-block">La fecha de término no puede ser previa a la fecha de entrada en vigencia de la Ley</p>
						</div>
					</div>
				</div>

				</fieldset>

			</div>

			<div id="audienciaButtons" class="form-group d-none">
				<div class="alert alert-warning" role="alert">
					<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
					Al presionar el botón "
					Publicar Audiencia 					" entiendo que la información registrada será remitida al Consejo para la Transparencia, en el reporte mensual consolidado, en cumplimiento del artículo 16 del decreto N°71, de 2014, del Ministerio Secretaría General de la Presidencia.
				</div>
				<div class="alert alert-warning" role="alert">
					<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
					<strong>Antes de publicar la audiencia, revise cuidadosamente la información ingresada y elimine cualquier dato personal, privado o sensible que no corresponda divulgar en la plataforma, según lo dispuesto en la Constitución Política de la República y en la Ley N° 19.628 sobre protección a la vida privada.</strong>
				</div>
				<div class="col-lg-12 text-center">
					@if($edit)

						@if ($audiencia->estado == 'borrador')
							<button type="button" class="btn btn-lobby btn-lg guardar" onclick="AudienciasAdmin.submitButton(false,false)">Guardar Borrador</button>
							<button type="button" class="btn btn-lobby btn-lg guardar audiencia-publicar-btn" onclick="confirmarPublicacionAudiencia(true,false)">Guardar y Publicar</button>
						@elseif ($audiencia->estado == 'publicada')
							<button type="button" class="btn btn-lobby btn-lg guardar audiencia-publicar-btn" onclick="confirmarPublicacionAudiencia(true,false)">Actualizar Publicación</button>
						@endif

					@else
					<button type="button" class="btn btn-primary btn-lg guardar" onclick="AudienciasAdmin.submitButton(false,false)">Guardar borrador</button>
					<button type="button" class="btn btn-lobby btn-lg guardar audiencia-publicar-btn" onclick="confirmarPublicacionAudiencia(true,false)">Publicar Audiencia</button>
					@endif

					<a class="btn btn-outline-dark btn-lg" href="{{ route('admin.audiencias.index') }}">Cancelar</a>
				</div>
			</div>

		</form>

		<div class="modal fade" id="publicacionAudienciaWarningModal" tabindex="-1" aria-labelledby="publicacionAudienciaWarningModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="publicacionAudienciaWarningModalLabel">Advertencia antes de publicar</h5>
						<button type="button" class="btn-close" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Cerrar"></button>
					</div>
					<div class="modal-body">
						<div class="alert alert-warning mb-0" role="alert">
							<i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
							Antes de publicar la audiencia, revise cuidadosamente la información ingresada y elimine cualquier dato personal, privado o sensible que no corresponda divulgar en la plataforma, según lo dispuesto en la Constitución Política de la República y en la Ley N° 19.628 sobre protección a la vida privada.
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal" data-dismiss="modal">Volver a revisar</button>
						<button type="button" class="btn btn-lobby" id="confirmarPublicacionAudienciaBtn">Continuar y publicar</button>
					</div>
				</div>
			</div>
		</div>

		@include('admin.solicitudes._invitados')


	</div>
</div>
@endsection