@extends('layouts.admin')

@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="/admin/dashboard">
							<i class="fa fa-dashboard"></i>
							Dashboard
						</a>
					</li>
					<li class="active">
						<a href="/admin/usuarios">
							<i class="fa fa-users"></i>
							Usuarios
						</a>
					</li>
                </ol>
            </div>
			
            <h2 class="font-light m-b-xs">
				<i class="fa fa-users"></i>
                Usuarios
            </h2>
			
            <small>Informaci&oacute;n de usuarios del sistema.</small>
			
        </div>
		
    </div>
	
</div>

<div class="content usuarios">
	
	<div class="row row-margin">
		<div class="col-md-12">
			<a href="/admin/usuarios/nuevo" class="btn btn-primary btn-large">
				<i class="fa fa-plus-circle"></i>
				Crear Nuevo Usuario
			</a>
			<div class="pull-right col-md-3 text-right">
				<div class="row">
					<form class="form-horizontal">
						<div class="col-sm-12">
							<select id="filtroSedes" class="form-control">
								<option>TODOS</option>
								@foreach($concesionarios as $concesionario)
								<option value="{{ $concesionario->id }}" {{ $concesionario->id == $cid ? 'selected' : '' }}>{{ $concesionario->nombre }}</option>
								@endforeach
							</select>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<div class="row">
		
		@foreach ($users as $user)
		<div class="col-md-4">
			<div class="hpanel hblue contact-panel">
				<div class="panel-body">
					<img alt="logo" class="img-circle m-b" src="{{ $user->avatar }}" />
					<h3><a href="/admin/usuarios/{{ $user->id }}">{{ $user->nombre }}<br>{{ $user->apellido }}</a></h3>
					<div class="text-muted font-bold m-b-xs">{{ $user->displayRol }}</div>
					<div class="row">
						<div class="col-md-12">
							<a href="/admin/usuarios/edit/{{ $user->id }}" class="btn btn-xs" title="Editar Perfil"><i class="fa fa-user"></i></a>
							@if( $user->isDealer() || $user->isDelegado() )
							<a href="/admin/usuarios/sedes/{{ $user->id }}" class="btn btn-xs" title="Editar Concesionarios"><i class="fa fa-wrench"></i></a>
							@endif
							<a href="/admin/usuarios/delete/{{ $user->id }}" class="btn btn-xs" title="Eliminar Usuario" data-confirm="¿Está seguro que desea eliminar este usuario?"><i class="fa fa-trash"></i></a>
						</div>
					</div>
					@if( $user->isDealer() || $user->isDelegado() )
					<div class="row">
						<div class="col-md-12">
							<ul>
								@foreach($user->sedes as $sede)
								<li><a href="/admin/concesionarios/{{ $sede->id }}">{{ $sede->nombre }}</a> &middot; <small>{{ $sede->ciudad->nombre }}</small></li>
								@endforeach
							</ul>
						</div>
					</div>
					@endif
				</div>
				<div class="panel-footer contact-footer">
					<div class="row">
						<div class="col-md-6 border-right">
							<div class="contact-stat">
								<span>&Uacute;ltima actividad: </span>
								<strong>{{ $user->fechaUltimaActividad }}</strong>
							</div>
						</div>
						<div class="col-md-6">
							<div class="contact-stat">
								<span>Miembro desde: </span>
								<strong>{{ $user->created_at->format('d/m/Y') }}</strong>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		@endforeach
		
	</div>
	
</div>

@endsection

@section('scripts')
<script>
$(document).ready(function() {
	
	$('#filtroSedes').change(function() {
		console.log('filtro');
		var id = $(this).val();
		window.location.href = '/admin/usuarios?cid=' + id;
	});

});
</script>
@endsection