@extends('admin.layouts.main')

@section('content')

<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>

@endsection
@section('scripts')
<script type="text/javascript">
	$(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>

	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