@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>
						<a href="/admin/usuarios">
							<i class="fa fa-users"></i>
							Usuarios
						</a>
					</li>
					<li class="active">
						{{ $user->display }}
					</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">
	
	<div class="row">
		
		<div class="col-md-12 animated-panel zoomIn" style="animation-delay: 0.1s; -webkit-animation-delay: 0.1s;">
			
	        <div class="hpanel hgreen">
				
	            <div class="panel-body">
					<div class="col-sm-6 col-md-8">
						<h3><a href="">{{ $user->display }}</a></h3>
						<div class="text-muted font-bold m-b-xs">{{ $user->displayRol }}</div>
						<div class="row">
							<img class="img-circle m-b col-sm-3" src="{{ $user->avatar }}" alt="{{ $user->display }} avatar" />
						</div>
						 <p>
							@if( $user->isActive() )
							<span class="text-primary"><i class="fa fa-check"></i> Activo</span>
							@endif
							@if( $user->isBlocked() )
							<span class="text-muted"><i class="fa fa-ban"></i> Bloqueado</span>
							@endif
						</p>
					</div>
					<div class="col-sm-6 col-md-4">
						<div class="text-right">
							<a href="/admin/usuarios/edit/{{ $user->id }}" class="btn btn-default btn-sm">
								<i class="fa fa-edit"></i>
								Editar
							</a>
							<a href="/admin/usuarios/delete/{{ $user->id }}" class="btn btn-danger btn-sm"
							   data-confirm="¿Está seguro que desea eliminar este Usuario?">
								<i class="fa fa-trash"></i>
								Eliminar
							</a>
						</div>
					</div>
	            </div>
	            
	            <div class="panel-body">
	                <dl>
	                    <dt>Email</dt>
	                    <dd>{{ $user->email }}</dd>
						@if( $user->telefono )
	                    <dt>Tel&eacute;fono</dt>
						<dd>{{ $user->telefono }}</dd>
						@endif
						<dt>Miembro desde</dt>
						<dd>{{ $user->created_at->format('d/m/y') }}</dd>
	                </dl>
	            </div>
				
	        </div>
			
	    </div>
		
	</div>
	
	@foreach($user->sedes as $sede)
	<div class="row">
		
		<div class="col-md-12 animated-panel zoomIn" style="animation-delay: 0.1s; -webkit-animation-delay: 0.1s;">
			
	        <div class="hpanel hgreen">
				
	            <div class="panel-body">
					
					<div class="row">
						<div class="col-md-6">
							<h3><a href="/admin/concesionarios/view/{{ $sede->id }}">{{ $sede->nombre }}</a></h3>
							<div class="text-success font-bold m-b-xs">{{ $sede->ciudad->nombre }}</div>
							<div class="text-muted font-bold m-b-xs">{{ $sede->ubicacion }}</div>
							<dl>
								@if( $sede->telefono )
								<dt>Tel&eacute;fono</dt>
								<dd>{{ $sede->telefono }}</dd>
								@endif
								@if( $sede->website )
								<dt>Website</dt>
								<dd>{{ $sede->website }}</dd>
								@endif
								@if( $sede->email )
								<dt>Email</dt>
								<dd>{{ $sede->email }}</dd>
								@endif
								@if( $sede->contacto )
								<dt>Contacto</dt>
								<dd>{{ $sede->contacto }}</dd>
								@endif
							</dl>
						</div>
						<div class="col-md-6">
							<div class="border-right border-left">
								<img src="https://maps.googleapis.com/maps/api/staticmap?center=51.477222,0&zoom=14&size=800x240" width="100%" />
							</div>
						</div>
					</div>
					
					@if( $sede->bodegas )
					<div class="row">
						<div class="col-md-12">
							<h3>BODEGAS</h3>
							@foreach($sede->bodegas as $bodega)
							<div class="col-sm-4">
								<div class="hpanel hblue">
									<div class="panel-body">
										<p>{{ $bodega->nombre }}</p>
										<p>{{ $bodega->ubicacion }}&nbsp;</p>
										<dl>
											<dt>Inventarios</dt>
											<dd>{{ $bodega->inventarios->implode("nombre", " / ") }}</dd>
										</dl>
									</div>
								</div>
							</div>
							@endforeach
						</div>
					</div>
					@endif
	            </div>
				
	        </div>
	    </div>
		
	</div>
	@endforeach
	
</div>

@endsection