@include('header')
	
	<section class="content">
		<div class="botoneraUser" style="float:left;">
			<button class="btn bg-teal" onclick="history.go(-1)"><i class="fas fa-arrow-left"></i> Volver</button>
		</div>

		<div class="container-fluid">
			<div class="row">
                <table class="table table-bordered tabla-circuitos" id="tablaUsers">
					<thead>
						<th>Nombre y Apellido</th>
						<th>DNI</th>
						<th>Fecha de Nacimiento</th>
						<th>Localidad</th>
						<th>Tel&eacute;fono</th>
						<th>Comentarios</th>
						<th>Acciones</th>
					</thead>
					<tbody>
                        @foreach($users as $user)
							<tr class="" data-user="">
								<td>{{ $user->apellido }}, {{ $user->nombre }}</td>
								<td>{{ $user->dni }}</td>
								@php
									$dateFormat = date('d/m/Y', strtotime($user->fecha_nacimiento));
								@endphp
								<td>{{ $dateFormat }}</td>
								<td>{{ $user->localidad }}</td>
								<td>{{ $user->telefono }}</td>
								<td>{{ $user->comentarios}}</td>
								<td>
									<button href="#" class="btn bg-teal" data-toggle="modal" data-target="#modalHabilitarCoord" onclick="loadDataHabilitar('{{$user->id}}');"><i class="fas fa-check-circle"></i> Habilitar</button>
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
			</div>
		</div>
	</div>


	<!-- Modal Habilitar -->
	<div id="modalHabilitarCoord" class="modal fade" role="dialog">
		<div class="modal-dialog" style="width: 450px !important;">
			<!-- Modal content-->
			<div class="modal-content" style="border-radius: 5px;">
				<form action="enable" method="POST">
				@csrf
					<div class="modal-header" style="padding: 5px;">
					</div>
					<div class="swal-icon swal-icon--warning" style="width: 50px;height: 50px;margin: 10px auto;">
						<span class="swal-icon--warning__body" style="height: 20px;width: 4px;">
							<span class="swal-icon--warning__dot" style="width: 4px;height: 4px;margin-left: -2px;"></span>
						</span>
					</div>
					<div class="swal-title" style="padding-top: 10px;margin-bottom:0;">Habilitar Coordinador</div>
					<p style="padding: 16px; text-align:center; font-size: 18px;">¿Está seguro de habilitar el coordinador?</p>
					<input type="text" id="idCoordHabilitar" name="idCoordHabilitar" style="display:none;">

					<div class="swal-footer">
						<div class="swal-button-container">
							<button data-dismiss="modal" class="swal-button swal-button--cancel" id="cerrarPopUp">Cancelar</button>
							<div class="swal-button__loader"></div>
						</div>
						<div class="swal-button-container">
							<button type="submit" class="swal-button swal-button--confirm">Aceptar</button>
							<div class="swal-button__loader"></div>
						</div>
					</div>
				</form>
			</div>	
		</div>
	</div>

@include('footer')

<script> //Cargar datos al modal deshabilitar
	function loadDataHabilitar(id) {
		$('#idCoordHabilitar').val(id);
	}
</script>