@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/users') }}">
		<i class="fas fa-user-friends"></i> Usuarios
	</a>
</li>
@stop

@section('content')
<div class="row mtop32">
	<!-- col-md-3 -->
	<div class="col-md-3">
		@include('users.components.search')
	</div>
	<!-- end col-md-3 -->

	<!-- col-md-9 -->
	<div class="col-md-9">
		<div class="panel">
			<div class="inside">
				<div class="title mb16">
					<h2>
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-bounding-box" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/>
							<path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
						</svg> Busqueda: {{ $query }}
				</h2>
				</div>
				<table class="table table-hover table-bordered align-middle">
					<thead>
						<tr>
							<td><strong>ID</strong></td>
							<td width="40"></td>
							<td><strong>Nombre</strong></td>
							<td><strong>E-Mail</strong></td>
							<td><strong>Teléfono</strong></td>
							<td><strong>Comercio</strong></td>
							<td width="160"></td>
						</tr>
					</thead>
					<tbody>
						@foreach($users as $user)
						<tr>
							<td>{{ $user->id }}</td>
							<td>
								@if(is_null($user->avatar))
									<img src="{{ url('/static/images/default_avatar.png') }}" width="40" class="rounded-circle">
								@else
									<img src="{{ config('cms.cdn') }}/user/{{ $user->id }}/512_{{ $user->avatar }}" width="40" class="rounded-circle">
								@endif
							</td>
							<td>
								{{ $user->name }} <br> <small>{{ user_role($user->role) }}</small>
							</td>
							<td>{{ $user->email }}</td>
							<td>{{ $user->phone }}</td>
							<td>
								@if($user->shop_id)
								{{ $user->getShop->name }}
								@endif
							</td>
							<td width="auto">
								<div class="table-opts">
									@if(kvfj(Auth::user()->permissions, 'users_view'))
									<a href="{{ url('/user/'.$user->id) }}" class="ctooltip orange">
										<span class="tool">Ver usuario</span>
										<i class="far fa-user-circle"></i>
									</a>
									@endif
									@if(kvfj(Auth::user()->permissions, 'users_edit'))
									<a href="{{ url('/user/'.$user->id.'/edit') }}" class="ctooltip edit">
										<span class="tool">Editar Usuario</span>
										<i class="fas fa-pencil-alt"></i>
									</a>
									@endif
									@if(kvfj(Auth::user()->permissions, 'users_permissions'))
									<a href="{{ url('/user/'.$user->id.'/permissions') }}" class="ctooltip green">
										<span class="tool">Permisos de usuario</span>
										<i class="fas fa-user-cog"></i>
									</a>
									@endif
								</div>
							</td>
						</tr>
						@endforeach
						
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!-- end col-md-9 -->
</div>

@stop