@extends('donamarmita-admin')
@section('title', 'Detalhes do Utilizador')
@section('content')

<div class="right_col" role="main" style="min-height: 100vh;">
    <div class="row">
        <div class="col-md-12 col-sm-12">
            <div class="page-header">
                <div class="row">
                    <div class="col-md-8 col-sm-8" style="padding-left: 30px;">
                        <div class="page-title">
                            <h1><i class="fa fa-user"></i> Detalhes do Utilizador</h1>
                            <p class="text-muted">Informações detalhadas do utilizador</p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4 text-right" style="padding-right: 35px;">
                        <a href="{{ route('admin.users') }}" class="btn btn-secondary btn-lg">
                            <i class="fa fa-arrow-left"></i> Voltar
                        </a>
                    </div>
                </div>
            </div>

            <div class="clearfix"></div>

            <!-- Painel Principal -->
            <div class="row">
                <!-- Coluna Esquerda - Informações Pessoais -->
                <div class="col-md-4">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-primary text-white">
                            <h4 class="mb-0"><i class="fa fa-id-card"></i> Perfil</h4>
                        </div>
                        <div class="card-body text-center">
                            <img src="{{ $user->avatar ? asset('images/profile/' . $user->avatar) : asset('images/profile/user-ava-md.jpg') }}" 
                                 alt="{{ $user->name }}" 
                                 class="img-circle img-thumbnail mb-3" 
                                 width="120" 
                                 height="120">
                            
                            <h3>{{ $user->first_name }} {{ $user->last_name }}</h3>
                            <p class="text-muted">#{{ $user->name }}</p>
                            
                            <div class="badge badge-{{ $user->role == 'admin' ? 'success' : 'info' }} p-2 mb-2">
                                {{ $user->role == 'admin' ? 'Administrador' : 'Utilizador' }}
                            </div>
                            
                            <div class="badge badge-{{ $user->status ? 'success' : 'secondary' }} p-2">
                                {{ $user->status ? 'Ativo' : 'Inativo' }}
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Coluna Direita - Detalhes -->
                <div class="col-md-8">
                    <div class="card shadow-sm">
                        <div class="card-header bg-white">
                            <h4 class="mb-0"><i class="fa fa-info-circle"></i> Informações Detalhadas</h4>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Email:</strong><br>
                                    {{ $user->email }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Telefone:</strong><br>
                                    {{ $user->client->cli_phone ?: 'Não definido' }}
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>NIF:</strong><br>
                                    {{ $user->client->cli_nif ?: 'Não definido' }}
                                </div>
                                <div class="col-md-6">
                                    <strong>Data de Nascimento:</strong><br>
                                    {{ $user->client->cli_date_birth ? \Carbon\Carbon::parse($user->client->cli_date_birth)->format('d/m/Y') : 'Não definida' }}
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <strong>Último Login:</strong><br>
                                    @if($user->client->cli_last_login_date)
                                        {{ \Carbon\Carbon::parse($user->client->cli_last_login_date)->format('d/m/Y H:i') }}
                                    @else
                                        <span class="text-muted">Nunca</span>
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <strong>Data de Registo:</strong><br>
                                    {{ \Carbon\Carbon::parse($user->created_at)->format('d/m/Y H:i') }}
                                </div>
                            </div>

                            <hr>

                            <div class="row">
                                <div class="col-md-12">
                                    <strong>Redes Sociais:</strong><br>
                                    <div class="mt-2">
                                        @if($user->client->cli_facebook)
                                            <a href="{{ $user->client->cli_facebook }}" target="_blank" class="btn btn-sm btn-outline-primary mr-2">
                                                <i class="fa fa-facebook"></i> Facebook
                                            </a>
                                        @endif
                                        @if($user->client->cli_instagram)
                                            <a href="{{ $user->client->cli_instagram }}" target="_blank" class="btn btn-sm btn-outline-danger mr-2">
                                                <i class="fa fa-instagram"></i> Instagram
                                            </a>
                                        @endif
                                        @if($user->client->cli_linkedIn)
                                            <a href="{{ $user->client->cli_linkedIn }}" target="_blank" class="btn btn-sm btn-outline-info">
                                                <i class="fa fa-linkedin"></i> LinkedIn
                                            </a>
                                        @endif
                                        @if(!$user->client->cli_facebook && !$user->client->cli_instagram && !$user->client->cli_linkedIn)
                                            <span class="text-muted">Nenhuma rede social definida</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-right">
                            <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-primary">
                                <i class="fa fa-edit"></i> Editar
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection