@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>Usuarios</span>
                    </li>
                </ol>
            </div>
            <h2 class="font-light m-b-xs">
				<i class="fa fa-users"></i>
                Usuarios
            </h2>
            <small>Listado de usuarios.</small>
        </div>
    </div>
</div>

<div class="content animate-panel">

	<div class="row">
		<div class="col-md-12">
			<div class="hpanel">
				<div class="panel-body">
					<div class="col-md-6">
						<a href="{{ url('admin/usuarios/create') }}" class="btn btn-success">
							<i class="fa fa-plus-circle"></i>
							Agregar Usuario
						</a>
					</div>
					@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" id="lista_asesores">
		@foreach($usuarios as $usuario)
		<div class="col-sm-6 col-md-4 col-lg-3">
			@if( $usuario->isAdmin() )
			<div class="hpanel hred">
			@elseif( $usuario->isAdminConcesionario())
			<div class="hpanel hgreen">
			@elseif( $usuario->isAsistente())
			<div class="hpanel hyellow">
			@else
			<div class="hpanel hblue">
			@endif
				<div class="panel-body text-center">
					<a href="{{ url('admin/usuarios/view/'.$usuario->id) }}">
						<img alt="logo" class="img-circle img-small" src="{{ $usuario->avatar }}" />
					</a>
					<div class="usercard">
						<p class="fullname">
							<a href="{{ url('admin/usuarios/view/'.$usuario->id) }}">
								{{ $usuario->fullName }}
							</a>
						</p>
						<p class="small">{{ $usuario->rolName }}</p>
						<p class="small">Última actividad: {{ $usuario->fechaUltimaActividad }}</p>
						<p class="small">Status: {{ $usuario->statusName }}</p>
					</div>
					<div>
						<a href="{{ url('admin/usuarios/edit/'.$usuario->id) }}" class="btn btn-sm" title="Editar {{$usuario->fullName}}">
							<i class="fa fa-edit"></i>
						</a>
						@if( !$usuario->isAdmin() && $usuario->isActive() )
						<a href="{{ url('admin/usuarios/deactivate/'.$usuario->id) }}" class="btn btn-sm" title="Desactivar {{$usuario->fullName}}" data-confirm="¿Est&aacute; seguro que desea desactivar este usuario?">
							<i class="fa fa-user-times"></i>
						</a>
						@endif
						@if( !$usuario->isAdmin() && $usuario->isInactive() )
						<a href="{{ url('admin/usuarios/activate/'.$usuario->id) }}" class="btn btn-sm" title="Reactivar {{$usuario->fullName}}" data-confirm="¿Est&aacute; seguro que desea reactivar este usuario?">
							<i class="fa fa-check"></i>
						</a>
						@endif
						@if( $usuario->isOperador() || $usuario->isAdminConcesionario() || $usuario->isAsistente())
						<a href="{{ url('admin/usuarios/concesionarios/'.$usuario->id) }}" class="btn btn-sm" title="Asignar concesionarios a {{$usuario->fullName}}">
							<i class="fa fa-wrench"></i>
						</a>
						@endif
						@if( $usuario->id != $current_user->id )
						<a href="{{ url('admin/usuarios/delete/'.$usuario->id) }}" class="btn btn-sm" title="Elminar {{$usuario->fullName}}" data-confirm="¿Est&aacute; seguro que desea eliminar este usuario?">
							<i class="fa fa-trash-o"></i>
						</a>
						@endif
					</div>
				</div>
			</div>
		</div>
		@endforeach
	</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="user-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: 15%">Rol</th>
								<th style="width: 10%">Ultima actividad</th>
								<th style="width: 15%">Acciones</th>
							</tr>
						</thead>	
						<tbody>
						@foreach($usuarios as $usuario)
						<tr>
							<td style="width: 20%">
								<a href="{{ url('admin/usuarios/view/'.$usuario->id) }}">
									{{ $usuario->fullName }}
								</a>
							</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
								@endif
								@if (!$usuario->concesionarios)
									<span>No tiene concesionario asignado</span>
								@endif
							</td>
							<td style="width: 15%">{{ $usuario->rolName }}</td>
							<td style="width: 10%">{{ $usuario->fechaUltimaActividad }}</td>
							<td class="text right" style="width: 15%">
								<a href="{{ url('admin/usuarios/edit/'.$usuario->id) }}" class="btn  btn-warning btn-sm" title="Editar {{$usuario->fullName}}">
									<i class="fa fa-edit"></i>
								</a>
								<a href="{{ url('admin/usuarios/delete/'.$usuario->id) }}"
									class="btn btn-danger btn-sm"
									title="Eliminar {{$usuario->fullName}}"
									data-confirm="¿Est&aacute; seguro que desea eliminar este usuario?">
									<i class="fa fa-trash-o"></i>
								</a>
								<a href="{{ url('admin/usuarios/concesionarios/'.$usuario->id) }}" class="btn btn-default btn-sm" title="Asignar concesionarios a {{$usuario->fullName}}">
									<i class="fa fa-wrench"></i>
								</a>
							</td>
						</tr>
						@endforeach
						</tbody>
					</table>
				</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() {

		$('#user-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"
				},
        	}
		});

		$("#usuarios_concesionario").submit(function(e){
			e.preventDefault();
		});
		var usuarios = {!! json_encode($usuarios) !!};
		
		$("#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>

	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/edit')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Editar "+value.fullName+"\">" +
										"<i class=\"fa fa-edit\"></i>" +
									"</a>" +
									(
										(value.statusName == 'activo' && value.rol != 'admin') ? "<a href=\"{{ url('admin/usuarios/deactivate')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Desactivar "+value.fullName+"\" data-confirm=\"¿Est&aacute; seguro que desea desactivar este usuario?\">" +
											"<i class=\"fa fa-user-times\"></i>" +
										"</a>" : ""
									)+
									(
										(value.statusName == 'inactivo' && value.rol != 'admin') ? "<a href=\"{{ url('admin/usuarios/activate')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Reactivar "+value.fullName+"\" data-confirm=\"¿Est&aacute; seguro que desea reactivar este usuario?\">" +
											"<i class=\"fa fa-check\"></i>" +
										"</a>" : ""
									)+
									(
										(value.rol == 'operador') ? "<a href=\"{{ url('admin/usuarios/concesionarios')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Asignar concesionarios a "+value.fullName+"\">" +
											"<i class=\"fa fa-wrench\"></i>" +
										"</a>" : ""
									)+
									(
										"{{$current_user->id}}" != value.id ? "<a href=\"{{ url('admin/usuarios/delete')}}/"+value.id+"\" class=\"btn btn-sm\" title=\"Elminar "+value.fullName+"\" data-confirm=\"¿Est&aacute; seguro que desea eliminar este usuario?\">" +
											"<i class=\"fa fa-trash-o\"></i>" +
										"</a>" : ""
									)+									
								"</div>" +
							"</div>" +
						"</div>" +
					"</div>"
				);
			});
		}else{
			console.log('asdasdad');
			$("#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