@extends('layouts.app')

@section('content')
	<style>
		.grid {
			display: grid;
		    grid-template-columns: repeat(4, 1fr);
    		grid-gap: 25px;
		}
	</style>	

    <div class="page-wrapper">
        <div class="page-content">

        	<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
				<div class="breadcrumb-title pe-3">Usuarios</div>
				<div class="ps-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb mb-0 p-0">
							<li class="breadcrumb-item">
								<a href="{{route('home')}}"><i class="bx bx-home"></i></a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">Usuarios</li>
						</ol>
					</nav>
				</div>
				<div class="ms-auto">
					<div class="btn-group">
						@if (json_decode(Auth::user()->permisos)->puede_crear_usuarios == 'on')
							<a href="{{route('users.create')}}" class="btn btn-primary">Nuevo usuario</a>
						@endif
					</div>
				</div>
			</div>

			@if(session('status'))
                <div class="alert alert-success border-0 bg-success alert-dismissible fade show py-2">
                    <div class="d-flex align-items-center">
                        <div class="font-35 text-white"><i class="bx bxs-message-square-x"></i>
                        </div>
                        <div class="ms-3">
                            <div class="text-white">{{session('status')}}</div>
                        </div>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <div class="grid">
	            @foreach($users as $user)
	        		<div class="card radius-15">
						<div class="card-body text-center">
							<div class="p-4 border radius-15">
								<img src="{{$user->avatar_img()}}" width="110" height="110" class="rounded-circle shadow">
								<h5 class="mb-0 mt-5">{{$user->name}}</h5>
								<p class="mb-3">{{$user->estado == 'activo' ? 'Activo' : 'Inactivo'}}</p>
								<hr>
								<div class="d-grid"> 
									@if (json_decode(Auth::user()->permisos)->puede_crear_usuarios == 'on')
										<a href="{{route('users.edit', $user->id)}}" class="btn btn-outline-primary radius-15">Editar</a>
									@endif
								</div>
							</div>
						</div>
					</div>	
	            @endforeach
            </div>

        </div>
    </div>


@endsection