@extends('admin.layouts.main')

@section('content')
<style>
div.dataTables_filter {
	text-align: end !important;
}
div.dataTables_filter input{
	font-weight: normal !important;
}
</style>

<div class="normalheader transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <a class="small-header-action" href="">
                <div class="clip-header">
                    <i class="fa fa-arrow-up"></i>
                </div>
            </a>
            <div id="hbreadcrumb" class="pull-right m-t-lg">
                <ol class="hbreadcrumb breadcrumb">
                    <li><a href="{{ route('admin/dashboard') }}">Dashboard</a></li>
                    <li class="active">
                        <span>Habilitar usuarios</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
				<i class="fa fa-users"></i>
                Habilitar usuarios
            </h2>
            <small>Listado de usuarios eliminados</small>
        </div>
    </div>
</div>

<div class="content animate-panel">
	
	<!-- vista recicla del index del usuario, en caso de querer el filtro de concesionario, descomentar el codigo correspondiente -->
	<!--<div class="row">
		<div class="col-md-12">
			<div class="hpanel">
				<div class="panel-body">
					@if(Auth::user()->rol == 'concesionario')
					<div class="col-md-6 pull-right">
						<form id="usuarios_concesionario" class="form-inline pull-right">
							<div class="form-group">
								<meta name="csrf-token" content="{{ csrf_token() }}" />
								<select id="id_concesionario" name="id_concesionario" class="form-control">
									<option value="0">Todos los concesionarios</option>
									@foreach($concesionarios as $concesionario)
									<option value="{{$concesionario->id}}">{{$concesionario->nombre}}</option>
									@endforeach
								</select>
							</div>
							<button id="buscar_usuarios" class="btn btn-default">Buscar</button>
						</form>
					</div>
					@endif
				</div>

			</div>
		</div>
	</div>-->

	<div class="row">

		<div class="col-sm-12">

			<div class="hpanel">


				<div class="panel-body">

					<div class="row m-b-xl">
						<div class="col-sm-12">
							<table class="table table-condensed"  id="delete-table">
								<thead>
									<tr>
										<th style="width: 20%">Nombre</th>
										<th style="width: 20%">Correo electrónico</th>
										<th style="width: 20%">Concesionario </th>
										<th style="width: 20%">Rol</th>
										<th style="width: 10%">Acciones</th>
									</tr>
								</thead>	
								<tbody>
								@foreach($usuarios as $usuario)
									<tr>
										<td style="width: 20%">
											{{ $usuario->fullName }}
										</td>
										<td style="width: 20%">{{ $usuario->email }}</td>
										<td style="width: 20%">
											@if ($usuario->concesionarios)
												@foreach($usuario->concesionarios as $concesionario)
													<a href="/admin/concesionarios/view/{{ $concesionario->id }}">{{ $concesionario->nombre }}</a> <br>
												@endforeach
											@else
												<span>No tiene concesionario asignado</span>
											@endif
										</td>
										<td style="width: 20%">{{ $usuario->rolName }}</td>
										<td class="text right" style="width: 10%">
											<a href="{{ url('admin/usuarios/undelete/'.$usuario->id) }}" class="btn btn-success btn-sm" title="Habilitar {{$usuario->fullName}}" data-confirm="¿Est&aacute; seguro que desea habilitar este usuario?">
												<i class="fa fa-check"></i>
											</a>
										</td>
									</tr>
								@endforeach
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection

@section('css')
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css"/>
@endsection

@section('scripts')

<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$('#delete-table').DataTable({
			paging: true,
			ordering: false,
			lengthMenu: [[30, 50, -1], [30, 50, "Todos"]],
			language: {
				lengthMenu: "Mostrar _MENU_ registros",
				zeroRecords: "No se encontraron resultados",
				info: "Mostrando _START_ a _END_ de _TOTAL_ resultados",
				infoEmpty: "No hay resultados",
				infoFiltered: "(Filtrado de _MAX_ registros totales)",
				search: "Buscar: ",
				paginate: {
					first: "Primera",
					last: "Ultima",
					next: "Siguiente",
					previous: "Anterior"
				},
        	}
		});
	});
	// $('div.dataTables_filter').css('text-align', 'end');
</script>

<script type="text/javascript">
	/**
	 * Si se necesita el filtro, descomentar
	 */
	
	/*$(document).ready(function() {

		$("#usuarios_concesionario").submit(function(e){
			e.preventDefault();
		});

		$("#buscar_usuarios").click(function(){
			var concesionario = $("#id_concesionario").val();
			var token = $('meta[name="csrf-token"]').attr('content');
			var route = "/admin/usuarios/usuarios_concesionario";
			console.log('token', token);

			$.ajax({
				type: "POST",
				url: route,
				data: {
					_token: token,
					id_concesionario: concesionario
				},
				success: function(data){
					console.log(data);
					updateListaUsuarios(data);
				}
			}).done(function(){
				console.log("yay!");
			})


		});

	});*/


</script>
<script>
	/**
	 * Si se necesita el filtro, descomentar este metodo
	 */
	
	/*function updateListaUsuarios(data){
		var test = data;

		if(data.usuarios.length > 0){

			$("#lista_asesores").empty();

			$.each(data.usuarios, function(key, value){
				$("#lista_asesores").append(
					"<div class=\"col-sm-6 col-md-4 col-lg-3 animated-panel zoomIn\" style=\"animation-delay: 0.2s;\">" +
						"<div class=\"hpanel hblue\">" +
							"<div class=\"panel-body text-center\">" +
								"<a href=\"{{ url('admin/usuarios/view/')}}/"+value.id+"\">" +
									"<img alt=\"logo\" class=\"img-circle img-small\" src=\""+value.avatar+"\" />" +
								"</a>" +
								"<div class=\"usercard\">" +
									"<p class=\"fullname\">" +
										"<a href=\"{{ url('admin/usuarios/view/')}}/"+value.id+"\">" +
											value.fullName +
										"</a>" +
									"</p>" +
									"<p class=\"small\">"+value.rolName+"</p>" +
									"<p class=\"small\">Última actividad: "+
									(
										value.last_login == null ? "---" : moment(value.last_login).format("dd-mm-YYYY HH:mm")
									)+
									"</p>" +
									"<p class=\"small\">Status: "+value.statusName+"</p>" +
								"</div>" +
								"<div>" +
									"<a href=\"{{ url('admin/usuarios/undelete')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Re-habilitar "+value.fullName+"\" data-confirm=\"¿Est&aacute; seguro que desea re-habilitar este usuario?\">" +
										"<i class=\"fa fa-check\"></i>" +
									"</a>"+									
								"</div>" +
							"</div>" +
						"</div>" +
					"</div>"
				);
			});
		}else{
			$("#lista_asesores").empty();
			$("#lista_asesores").append(
				"<div class=\"message\" style=\"padding-top:0px;\">" +
					"<div class=\"row\">" +
						"<div class=\"col-md-12\">" +
							"<div class=\"alert alert-warning\">No existen asesores asignados a este concesionario</div>" +
						"</div>" +
					"</div>" +
				"</div>"
			);
		}

	}*/

</script>
@endsection