@extends('admin.layouts.app')

@section('title', 'Detalhes do Usuário')

@section('content')
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0">Detalhes do Usuário</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.usuarios.index') }}">Usuários</a></li>
                    <li class="breadcrumb-item active">Detalhes</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <!-- Informações Gerais -->
        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body text-center">
                        @if($usuario->avatar)
                            <img src="{{ asset('images/avatars/' . $usuario->avatar) }}" 
                                 class="img-circle mb-3" style="width: 150px; height: 150px;" alt="Avatar">
                        @else
                            <img src="{{ asset('images/avatar-default.png') }}" 
                                 class="img-circle mb-3" style="width: 150px; height: 150px;" alt="Avatar">
                        @endif
                        
                        <h4>{{ $usuario->nome }}</h4>
                        <p class="text-muted">{{ ucfirst(str_replace('_', ' ', $usuario->tipo_usuario)) }}</p>
                        
                        @if($usuario->status == 'ativo')
                            <span class="badge badge-success badge-lg">Ativo</span>
                        @else
                            <span class="badge badge-danger badge-lg">Inativo</span>
                        @endif
                        
                        <div class="mt-3">
                            <div class="btn-group" role="group">
                                <a href="{{ route('admin.usuarios.edit', $usuario) }}" class="btn btn-primary">
                                    <i class="fas fa-edit"></i> Editar
                                </a>
                                <button type="button" class="btn btn-secondary" onclick="toggleStatus({{ $usuario->id }})">
                                    <i class="fas fa-toggle-on"></i> {{ $usuario->status == 'ativo' ? 'Desativar' : 'Ativar' }}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Estatísticas Rápidas -->
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">Estatísticas</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="text-center">
                                    <h3 class="text-primary">{{ $usuario->pedidos->count() }}</h3>
                                    <small class="text-muted">Pedidos</small>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="text-center">
                                    <h3 class="text-success">{{ $usuario->entregas->count() }}</h3>
                                    <small class="text-muted">Entregas</small>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="text-center">
                            <small class="text-muted">
                                Membro desde {{ $usuario->created_at->format('d/m/Y') }}
                            </small>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">Informações Completas</h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <!-- Dados Pessoais -->
                            <div class="col-md-6">
                                <h5><i class="fas fa-user"></i> Dados Pessoais</h5>
                                <hr>
                                <table class="table table-borderless">
                                    <tr>
                                        <td><strong>Nome:</strong></td>
                                        <td>{{ $usuario->nome }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>E-mail:</strong></td>
                                        <td>{{ $usuario->email }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Telefone:</strong></td>
                                        <td>{{ $usuario->telefone }}</td>
                                    </tr>
                                    @if($usuario->data_nascimento)
                                        <tr>
                                            <td><strong>Data de Nascimento:</strong></td>
                                            <td>{{ $usuario->data_nascimento->format('d/m/Y') }}</td>
                                        </tr>
                                    @endif
                                    @if($usuario->genero)
                                        <tr>
                                            <td><strong>Gênero:</strong></td>
                                            <td>{{ ucfirst($usuario->genero) }}</td>
                                        </tr>
                                    @endif
                                    @if($usuario->numero_documento && $usuario->tipo_documento)
                                        <tr>
                                            <td><strong>{{ strtoupper($usuario->tipo_documento) }}:</strong></td>
                                            <td>{{ $usuario->numero_documento }}</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>

                            <!-- Dados Profissionais -->
                            <div class="col-md-6">
                                <h5><i class="fas fa-briefcase"></i> Dados Profissionais</h5>
                                <hr>
                                <table class="table table-borderless">
                                    <tr>
                                        <td><strong>Tipo:</strong></td>
                                        <td>{{ ucfirst(str_replace('_', ' ', $usuario->tipo_usuario)) }}</td>
                                    </tr>
                                    @if($usuario->loja)
                                        <tr>
                                            <td><strong>Loja:</strong></td>
                                            <td>{{ $usuario->loja->nome }}</td>
                                        </tr>
                                    @endif
                                    <tr>
                                        <td><strong>Status:</strong></td>
                                        <td>
                                            @if($usuario->status == 'ativo')
                                                <span class="badge badge-success">Ativo</span>
                                            @else
                                                <span class="badge badge-danger">Inativo</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @if($usuario->salario)
                                        <tr>
                                            <td><strong>Salário:</strong></td>
                                            <td>R$ {{ number_format($usuario->salario, 2, ',', '.') }}</td>
                                        </tr>
                                    @endif
                                    @if($usuario->data_admissao)
                                        <tr>
                                            <td><strong>Admissão:</strong></td>
                                            <td>{{ $usuario->data_admissao->format('d/m/Y') }}</td>
                                        </tr>
                                    @endif
                                    @if($usuario->email_verified_at)
                                        <tr>
                                            <td><strong>E-mail Verificado:</strong></td>
                                            <td>{{ $usuario->email_verified_at->format('d/m/Y H:i') }}</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>
                        </div>

                        <!-- Endereço -->
                        @if($usuario->endereco || $usuario->cep)
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <h5><i class="fas fa-map-marker-alt"></i> Endereço</h5>
                                    <hr>
                                    <p class="text-muted">
                                        @if($usuario->cep) {{ $usuario->cep }} @endif
                                        @if($usuario->endereco) {{ $usuario->endereco }} @endif
                                        @if($usuario->numero), {{ $usuario->numero }} @endif
                                        @if($usuario->complemento), {{ $usuario->complemento }} @endif
                                        @if($usuario->bairro) - {{ $usuario->bairro }} @endif
                                        @if($usuario->cidade) - {{ $usuario->cidade }} @endif
                                        @if($usuario->estado) / {{ $usuario->estado }} @endif
                                    </p>
                                </div>
                            </div>
                        @endif

                        <!-- Permissões -->
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <h5><i class="fas fa-key"></i> Permissões</h5>
                                <hr>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input" 
                                                   {{ $usuario->permissao_entregas ? 'checked' : '' }} disabled>
                                            <label class="form-check-label">Gerenciar Entregas</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input" 
                                                   {{ $usuario->permissao_caixa ? 'checked' : '' }} disabled>
                                            <label class="form-check-label">Gerenciar Caixa</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input" 
                                                   {{ $usuario->permissao_estoque ? 'checked' : '' }} disabled>
                                            <label class="form-check-label">Gerenciar Estoque</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Observações -->
                        @if($usuario->observacoes)
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <h5><i class="fas fa-sticky-note"></i> Observações</h5>
                                    <hr>
                                    <p class="text-muted">{{ $usuario->observacoes }}</p>
                                </div>
                            </div>
                        @endif

                        <!-- Histórico de Atualizações -->
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <h5><i class="fas fa-history"></i> Histórico</h5>
                                <hr>
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td><strong>Criado em:</strong></td>
                                        <td>{{ $usuario->created_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Última atualização:</strong></td>
                                        <td>{{ $usuario->updated_at->format('d/m/Y H:i:s') }}</td>
                                    </tr>
                                    @if($usuario->deleted_at)
                                        <tr>
                                            <td><strong>Excluído em:</strong></td>
                                            <td>{{ $usuario->deleted_at->format('d/m/Y H:i:s') }}</td>
                                        </tr>
                                    @endif
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Pedidos Recentes -->
        @if($usuario->pedidos->count() > 0)
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Pedidos Recentes</h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Data</th>
                                            <th>Valor</th>
                                            <th>Status</th>
                                            <th>Forma de Pagamento</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($usuario->pedidos as $pedido)
                                            <tr>
                                                <td>#{{ $pedido->id }}</td>
                                                <td>{{ $pedido->created_at->format('d/m/Y H:i') }}</td>
                                                <td>R$ {{ number_format($pedido->valor_total, 2, ',', '.') }}</td>
                                                <td>
                                                    <span class="badge badge-{{ $pedido->status == 'entregue' ? 'success' : ($pedido->status == 'cancelado' ? 'danger' : 'warning') }}">
                                                        {{ ucfirst(str_replace('_', ' ', $pedido->status)) }}
                                                    </span>
                                                </td>
                                                <td>{{ ucfirst($pedido->forma_pagamento) }}</td>
                                                <td>
                                                    <a href="{{ route('admin.pedidos.show', $pedido) }}" class="btn btn-sm btn-info">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <!-- Entregas Ativas -->
        @if($usuario->entregas->count() > 0)
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Entregas em Andamento</h3>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>ID do Pedido</th>
                                            <th>Cliente</th>
                                            <th>Endereço</th>
                                            <th>Distância</th>
                                            <th>Status</th>
                                            <th>Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($usuario->entregas as $localizacao)
                                            <tr>
                                                <td>#{{ $localizacao->pedido->id }}</td>
                                                <td>{{ $localizacao->pedido->usuario->nome }}</td>
                                                <td>{{ Str::limit($localizacao->pedido->endereco_entrega, 50) }}</td>
                                                <td>{{ number_format($localizacao->distancia_para_cliente, 2) }} km</td>
                                                <td>
                                                    <span class="badge badge-{{ $localizacao->status == 'em_entrega' ? 'primary' : 'info' }}">
                                                        {{ ucfirst(str_replace('_', ' ', $localizacao->status)) }}
                                                    </span>
                                                </td>
                                                <td>
                                                    <a href="{{ route('admin.pedidos.show', $localizacao->pedido) }}" class="btn btn-sm btn-info">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <!-- Ações -->
        <div class="row mt-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <a href="{{ route('admin.usuarios.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-arrow-left"></i> Voltar à Lista
                                </a>
                            </div>
                            <div class="col-md-6 text-right">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-warning" onclick="resetPassword({{ $usuario->id }})">
                                        <i class="fas fa-key"></i> Redefinir Senha
                                    </button>
                                    <a href="{{ route('admin.usuarios.edit', $usuario) }}" class="btn btn-primary">
                                        <i class="fas fa-edit"></i> Editar Usuário
                                    </a>
                                    <button type="button" class="btn btn-danger" onclick="confirmarExclusao({{ $usuario->id }})">
                                        <i class="fas fa-trash"></i> Excluir
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('admin.usuarios.modals')
@endsection

@push('scripts')
<script>
function confirmarExclusao(usuarioId) {
    if (confirm('Tem certeza que deseja excluir este usuário?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = `/admin/usuarios/${usuarioId}`;
        form.innerHTML = `
            @csrf
            @method('DELETE')
        `;
        document.body.appendChild(form);
        form.submit();
    }
}

function toggleStatus(usuarioId) {
    if (confirm('Deseja alterar o status deste usuário?')) {
        const form = document.createElement('form');
        form.method = 'POST';
        form.action = `/admin/usuarios/${usuarioId}/toggle-status`;
        form.innerHTML = `
            @csrf
        `;
        document.body.appendChild(form);
        form.submit();
    }
}

function resetPassword(usuarioId) {
    // Implementar modal de redefinição de senha
    $('#resetPasswordModal').modal('show');
}
</script>
@endpush