@extends('layouts.app')
@section('titulo', 'Usuario: ' . $user->nombre)
@section('titulo_card', 'Visualizando Usuario')
@section('content')
    @can('editar-usuario')
        <div class="row">
            <div class="col">
                <a href="{{ route('usuario.edit', $user->id) }}" class="btn btn-primary"><i class="fas fa-pen"></i>
                    Editar</a>
            </div>
        </div>
        <hr>
    @endcan
    <div class="row">
        <div class="col">
            <div class="row">
                <table class="table table-bordered table-striped table-hover">
                    <tbody>
                        <tr>
                            <th scope="row">Nombre</th>
                            <td>
                                {{ $user->nombre }}
                            </td>

                        </tr>
                        <tr>
                            <th scope="row">Usuario</th>
                            <td>{{ $user->usuario }}</td>

                        </tr>
                        <tr>
                            <th scope="row">Estado</th>
                            <td>
                                @if ($user->estado == 'A')
                                    <span class="badge badge-success">Activo</span>
                                @else
                                    <span class="badge badge-danger">Inactivo</span>
                                @endif
                            </td>

                        </tr>
                        <tr>
                            <th scope="row">Roles</th>
                            <td>
                                @foreach ($roles as $rol)
                                    <span class="badge badge-primary">{{ $rol->name }}</span>
                                @endforeach
                            </td>

                        </tr>
                        <tr>
                            <th scope="row">Fecha Creación</th>
                            <td>{{ $user->FechaCreacion }}</td>

                        </tr>
                        <tr>
                            <th scope="row">Fecha Modificación</th>
                            <td>{{ $user->FechaModificacion }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection