@extends('adminlte::page')

@section('title', $user->name)

@section('content_header')
@stop

@section('content')
@php
    $iniciais = strtoupper(substr($user->name, 0, 1).(str_contains($user->name, ' ') ? substr(strrchr(trim($user->name), ' '), 1, 1) : substr($user->name, 1, 1)));
@endphp

<div class="dashboard-page dashboard-stagger">
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div class="d-flex align-items-center gap-3">
                <span class="usuario-avatar usuario-detail-avatar {{ $user->isGestaoOpsReadonly() ? 'usuario-avatar--readonly' : '' }}"
                      aria-hidden="true">{{ $iniciais }}</span>
                <div>
                    <p class="dashboard-hero__eyebrow">Usuário · #{{ $user->id }}</p>
                    <h1 class="dashboard-hero__title">{{ $user->name }}</h1>
                    <p class="dashboard-hero__subtitle">{{ $user->email }}</p>
                </div>
            </div>
            <div class="dashboard-hero__actions">
                @can('gestao-write')
                    <a href="{{ route('usuarios.edit', $user) }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                        <i class="fas fa-edit" aria-hidden="true"></i>
                        Editar
                    </a>
                @endcan
                <a href="{{ route('usuarios.index') }}" class="btn-dashboard-hero btn-dashboard-hero--ghost">
                    <i class="fas fa-arrow-left" aria-hidden="true"></i>
                    Voltar à lista
                </a>
            </div>
        </div>
    </section>

    <div class="row">
        <div class="col-lg-6 mb-4 mb-lg-0">
            <div class="dashboard-panel h-100">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-id-card" aria-hidden="true"></i>
                        Perfil
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <ul class="dashboard-activity-list">
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-user" aria-hidden="true"></i>
                                Nome
                            </span>
                            <span class="dashboard-activity-item__value">{{ $user->name }}</span>
                        </li>
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-envelope" aria-hidden="true"></i>
                                Email
                            </span>
                            <span class="dashboard-activity-item__value">{{ $user->email }}</span>
                        </li>
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-shield-alt" aria-hidden="true"></i>
                                Papel
                            </span>
                            <span class="dashboard-activity-item__value">
                                @if($user->isGestaoOpsReadonly())
                                    <span class="usuario-role-badge usuario-role-badge--readonly">Somente leitura</span>
                                @else
                                    <span class="usuario-role-badge usuario-role-badge--admin">Administrador</span>
                                @endif
                            </span>
                        </li>
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-check-circle" aria-hidden="true"></i>
                                Email verificado
                            </span>
                            <span class="dashboard-activity-item__value">
                                @if($user->email_verified_at)
                                    <span class="usuario-verify-badge usuario-verify-badge--ok">
                                        {{ $user->email_verified_at->format('d/m/Y H:i') }}
                                    </span>
                                @else
                                    <span class="usuario-verify-badge usuario-verify-badge--pending">Pendente</span>
                                @endif
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="dashboard-panel h-100">
                <div class="dashboard-panel__header">
                    <h2 class="dashboard-panel__title">
                        <i class="fas fa-clock" aria-hidden="true"></i>
                        Histórico
                    </h2>
                </div>
                <div class="dashboard-panel__body">
                    <ul class="dashboard-activity-list">
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-calendar-plus" aria-hidden="true"></i>
                                Criado em
                            </span>
                            <span class="dashboard-activity-item__value">{{ $user->created_at->format('d/m/Y H:i') }}</span>
                        </li>
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-edit" aria-hidden="true"></i>
                                Atualizado em
                            </span>
                            <span class="dashboard-activity-item__value">{{ $user->updated_at->format('d/m/Y H:i') }}</span>
                        </li>
                        <li class="dashboard-activity-item">
                            <span class="dashboard-activity-item__label">
                                <i class="fas fa-hashtag" aria-hidden="true"></i>
                                ID interno
                            </span>
                            <span class="dashboard-activity-item__value">#{{ $user->id }}</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-usuarios.css') }}">
@stop