@extends('admin.layouts.app')

@push('styles')
@endpush

@section('title', 'Detalhes do Utilizador')

@section('content')
    <main class="page-content">
        {{-- @canany(['ler-usuarios', 'gerir-usuarios']) --}}
            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
                <div class="breadcrumb-title pe-3"> Utilizadores</div>
                <div class="ps-3">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="{{ route('inicio') }}"><i class="bx bx-home-alt"></i></a></li>
                            <li class="breadcrumb-item"><a href="{{ route('users.index') }}"> Utilizadores</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Detalhes</li>
                        </ol>
                    </nav>
                </div>
                <div class="ms-auto">
                    @can('escrever-usuarios')
                        <a href="{{ route('users.edit', Crypt::encryptString($usuario->id)) }}" class="btn btn-warning btn-sm">
                            <i class="bi bi-pencil"></i> Editar
                        </a>
                    @endcan

                    @can('gerir-usuarios')
                        @if($usuario->activo)
                            <button type="button" class="btn btn-danger btn-sm" onclick="bloquearUsuario('{{ Crypt::encryptString($usuario->id) }}')">
                                <i class="bi bi-lock"></i> Bloquear
                            </button>
                        @else
                            <button type="button" class="btn btn-success btn-sm" onclick="desbloquearUsuario('{{ Crypt::encryptString($usuario->id) }}')">
                                <i class="bi bi-unlock"></i> Desbloquear
                            </button>
                        @endif

                        <button type="button" class="btn btn-info btn-sm" onclick="resetarSenha('{{ Crypt::encryptString($usuario->id) }}')">
                            <i class="bi bi-key"></i> Resetar Senha
                        </button>
                    @endcan

                    <a href="{{ route('users.index') }}" class="btn btn-secondary btn-sm">
                        <i class="bi bi-arrow-left"></i> Voltar
                    </a>
                </div>
            </div>
            <!--end breadcrumb-->

            <!-- Card Principal com Informações do Utilizador -->
            <div class="card shadow-sm radius-10 border-0 mb-3">
                <div class="card-header bg-gradient" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
                    <div class="row align-items-center">
                        <div class="col-md-8">
                            <div class="d-flex align-items-center">
                                <div>
                                    <h4 class="mb-1">{{ $usuario->name }}</h4>
                                    <p class="mb-0">
                                        <i class="bi bi-envelope"></i> {{ $usuario->email }}
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 text-end">
                            <span class="badge bg-{{ $usuario->activo ? 'success' : 'secondary' }} px-4 py-2" style="font-size: 1rem;">
                                <i class="bi bi-{{ $usuario->activo ? 'check-circle' : 'x-circle' }}"></i>
                                {{ $usuario->activo ? 'Activo' : 'Inactivo' }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row g-4">
                        <!-- Informações Profissionais -->
                        <div class="col-md-6">
                            <div class="p-3 bg-light rounded border-start border-primary border-4">
                                <label class="form-label fw-bold text-muted small mb-2">
                                    <i class="bi bi-briefcase"></i> INFORMAÇÕES PROFISSIONAIS
                                </label>
                                <div class="mb-2">
                                    <strong>Departamento:</strong>
                                    <span class="badge bg-info text-dark ms-2">
                                        {{ $usuario->departamento->nome ?? 'Sem departamento' }}
                                    </span>
                                </div>
                                <div>
                                    <strong>Função:</strong>
                                    <span class="badge bg-secondary ms-2">
                                        {{ $usuario->roles->first()->name ?? 'Sem função' }}
                                    </span>
                                </div>
                            </div>
                        </div>

                        <!-- Estatísticas de Atividade -->
                        <div class="col-md-6">
                            <div class="p-3 bg-light rounded border-start border-success border-4">
                                <label class="form-label fw-bold text-muted small mb-2">
                                    <i class="bi bi-activity"></i> ESTATÍSTICAS
                                </label>
                                <div class="row text-center">
                                    <div class="col-4">
                                        <h4 class="mb-0 text-primary">{{ $usuario->requisicoesCriadas->count() }}</h4>
                                        <small class="text-muted">Requisições</small>
                                    </div>
                                    <div class="col-4">
                                        <h4 class="mb-0 text-warning">{{ $usuario->transferencias->count() }}</h4>
                                        <small class="text-muted">Transferências</small>
                                    </div>
                                    <div class="col-4">
                                        <h4 class="mb-0 text-success">{{ $usuario->movimentacoes->count() }}</h4>
                                        <small class="text-muted">Movimentações</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer bg-light">
                    <div class="row g-2 text-center text-md-start">
                        <div class="col-md-6">
                            <small class="text-muted">
                                <i class="bi bi-clock"></i> Cadastrado em: {{ $usuario->created_at->format('d/m/Y H:i:s') }}
                            </small>
                        </div>
                        @if($usuario->created_at != $usuario->updated_at)
                            <div class="col-md-6 text-md-end">
                                <small class="text-muted">
                                    <i class="bi bi-pencil"></i> Última atualização: {{ $usuario->updated_at->format('d/m/Y H:i:s') }}
                                </small>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Requisições Internas Criadas -->
            @if($usuario->requisicoesCriadas->count() > 0)
                <div class="card shadow-sm radius-10 border-0 mb-3">
                    <div class="card-header bg-light">
                        <h6 class="mb-0">
                            <i class="bi bi-file-earmark-text"></i> Requisições Internas Criadas
                            <span class="badge bg-primary ms-2">{{ $usuario->requisicoesCriadas->count() }}</span>
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead>
                                    <tr>
                                        <th>Código</th>
                                        <th>Requisitante</th>
                                        <th>Departamento</th>
                                        <th>Data</th>
                                        <th>Estado</th>
                                        <th class="text-center">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($usuario->requisicoesCriadas->sortByDesc('created_at')->take(10) as $requisicao)
                                        <tr>
                                            <td><strong>{{ $requisicao->codigo }}</strong></td>
                                            <td>{{ $requisicao->requisitante->name ?? 'N/A' }}</td>
                                            <td>{{ $requisicao->departamento->nome ?? 'N/A' }}</td>
                                            <td>{{ $requisicao->data_requisicao->format('d/m/Y') }}</td>
                                            <td>
                                                @php
                                                    $badgeClass = match($requisicao->estado) {
                                                        'aprovado' => 'success',
                                                        'concluido' => 'info',
                                                        'pendente' => 'warning',
                                                        default => 'danger'
                                                    };
                                                @endphp
                                                <span class="badge bg-{{ $badgeClass }}">
                                                    {{ ucfirst($requisicao->estado) }}
                                                </span>
                                            </td>
                                            <td class="text-center">
                                                <a href="{{ route('requisicoes.show', Crypt::encryptString($requisicao->id)) }}"
                                                   class="btn btn-sm btn-outline-primary" title="Ver detalhes">
                                                    <i class="bi bi-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if($usuario->requisicoesCriadas->count() > 10)
                            <div class="text-center mt-2">
                                <small class="text-muted">Mostrando as 10 mais recentes de {{ $usuario->requisicoesCriadas->count() }} requisições</small>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            <!-- Transferências Realizadas -->
            @if($usuario->transferencias->count() > 0)
                <div class="card shadow-sm radius-10 border-0 mb-3">
                    <div class="card-header bg-light">
                        <h6 class="mb-0">
                            <i class="bi bi-arrow-left-right"></i> Transferências Realizadas
                            <span class="badge bg-primary ms-2">{{ $usuario->transferencias->count() }}</span>
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead>
                                    <tr>
                                        <th>Item</th>
                                        <th>Quantidade</th>
                                        <th>Origem</th>
                                        <th>Destino</th>
                                        <th>Data</th>
                                        <th class="text-center">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($usuario->transferencias->sortByDesc('data_transferencia')->take(10) as $transferencia)
                                        <tr>
                                            <td>{{ $transferencia->item->nome ?? 'N/A' }}</td>
                                            <td><span class="badge bg-primary">{{ $transferencia->quantidade }}</span></td>
                                            <td>
                                                <span class="badge bg-warning text-dark">
                                                    {{ $transferencia->depositoOrigem->nome ?? 'N/A' }}
                                                </span>
                                            </td>
                                            <td>
                                                <span class="badge bg-success">
                                                    {{ $transferencia->depositoDestino->nome ?? 'N/A' }}
                                                </span>
                                            </td>
                                            <td>{{ $transferencia->data_transferencia->format('d/m/Y H:i') }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('transferencias.show', Crypt::encryptString($transferencia->id)) }}"
                                                   class="btn btn-sm btn-outline-primary" title="Ver detalhes">
                                                    <i class="bi bi-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if($usuario->transferencias->count() > 10)
                            <div class="text-center mt-2">
                                <small class="text-muted">Mostrando as 10 mais recentes de {{ $usuario->transferencias->count() }} transferências</small>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            <!-- Movimentações Realizadas -->
            @if($usuario->movimentacoes->count() > 0)
                <div class="card shadow-sm radius-10 border-0 mb-3">
                    <div class="card-header bg-light">
                        <h6 class="mb-0">
                            <i class="bi bi-arrow-repeat"></i> Movimentações Realizadas
                            <span class="badge bg-primary ms-2">{{ $usuario->movimentacoes->count() }}</span>
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead>
                                    <tr>
                                        <th>Tipo</th>
                                        <th>Item</th>
                                        <th>Quantidade</th>
                                        <th>Depósito</th>
                                        <th>Data</th>
                                        <th class="text-center">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($usuario->movimentacoes->sortByDesc('data_mov')->take(10) as $movimentacao)
                                        <tr>
                                            <td>
                                                <span class="badge bg-{{ $movimentacao->tipo === 'entrada' ? 'success' : 'warning' }}">
                                                    <i class="bi bi-{{ $movimentacao->tipo === 'entrada' ? 'arrow-down-circle' : 'arrow-up-circle' }}"></i>
                                                    {{ ucfirst($movimentacao->tipo) }}
                                                </span>
                                            </td>
                                            <td>{{ $movimentacao->item->nome ?? 'N/A' }}</td>
                                            <td><span class="badge bg-primary">{{ $movimentacao->quantidade }}</span></td>
                                            <td>{{ $movimentacao->deposito->nome ?? 'N/A' }}</td>
                                            <td>{{ $movimentacao->data_mov->format('d/m/Y H:i') }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('movimentacoes.show', Crypt::encryptString($movimentacao->id)) }}"
                                                   class="btn btn-sm btn-outline-primary" title="Ver detalhes">
                                                    <i class="bi bi-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @if($usuario->movimentacoes->count() > 10)
                            <div class="text-center mt-2">
                                <small class="text-muted">Mostrando as 10 mais recentes de {{ $usuario->movimentacoes->count() }} movimentações</small>
                            </div>
                        @endif
                    </div>
                </div>
            @endif
        {{-- @else
            <div class="alert alert-danger">
                Não tem permissão para visualizar esta página.
            </div>
        @endcanany --}}
    </main>
@endsection

@push('scripts')
<script>
    function bloquearUsuario(id) {
        Swal.fire({
            title: 'Bloquear Utilizador',
            text: 'Tem certeza que deseja bloquear este utilizador?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Sim, bloquear',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = '{{ route("users.block", ":id") }}'.replace(':id', id);

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';

                const methodField = document.createElement('input');
                methodField.type = 'hidden';
                methodField.name = '_method';
                methodField.value = 'POST';

                form.appendChild(csrfToken);
                form.appendChild(methodField);
                document.body.appendChild(form);
                form.submit();
            }
        });
    }

    function desbloquearUsuario(id) {
        Swal.fire({
            title: 'Desbloquear Utilizador',
            text: 'Tem certeza que deseja desbloquear este utilizador?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Sim, desbloquear',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = '{{ route("users.unblock", ":id") }}'.replace(':id', id);

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';

                const methodField = document.createElement('input');
                methodField.type = 'hidden';
                methodField.name = '_method';
                methodField.value = 'POST';

                form.appendChild(csrfToken);
                form.appendChild(methodField);
                document.body.appendChild(form);
                form.submit();
            }
        });
    }

    function resetarSenha(id) {
        Swal.fire({
            title: 'Resetar Senha',
            text: 'Tem certeza que deseja resetar a senha deste utilizador? Uma nova senha será gerada e enviada por e-mail.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#17a2b8',
            cancelButtonColor: '#6c757d',
            confirmButtonText: 'Sim, resetar',
            cancelButtonText: 'Cancelar'
        }).then((result) => {
            if (result.isConfirmed) {
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = '{{ route("users.reset-password", ":id") }}'.replace(':id', id);

                const csrfToken = document.createElement('input');
                csrfToken.type = 'hidden';
                csrfToken.name = '_token';
                csrfToken.value = '{{ csrf_token() }}';

                const methodField = document.createElement('input');
                methodField.type = 'hidden';
                methodField.name = '_method';
                methodField.value = 'POST';

                form.appendChild(csrfToken);
                form.appendChild(methodField);
                document.body.appendChild(form);
                form.submit();
            }
        });
    }
</script>
@endpush