@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.users') }}">Utilisateurs</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $user->fullName() }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        @if(session('original_user_id'))
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                <i class="fas fa-code me-2"></i>
                <strong>Mode développeur :</strong> Vous êtes connecté en tant qu'utilisateur <strong>{{ $user->fullName() }}</strong>.
                <div class="mt-2">
                    <form method="POST" action="{{ route('developer.return') }}" class="d-inline me-2">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-outline-warning">
                            <i class="fas fa-undo me-1"></i>Se déconnecter en tant qu'utilisateur {{ $user->fullName() }}
                        </button>
                    </form>
                    <form method="POST" action="{{ route('logout') }}" class="d-inline">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-danger">
                            <i class="fas fa-sign-out-alt me-1"></i>Déconnexion
                        </button>
                    </form>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <!-- Header avec info utilisateur -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body py-3">
                        <div class="row align-items-center">
                            <div class="col-md-8">
                                <div class="d-flex align-items-center gap-3">
                                    <div class="avatar-lg bg-danger text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 70px; height: 70px;">
                                        <span class="fs-3 fw-bold">{{ $user->initials() }}</span>
                                    </div>
                                    <div>
                                        <h3 class="mb-1">{{ $user->fullName() }}</h3>
                                        <p class="text-muted mb-2">
                                            <i class="fas fa-envelope me-1"></i>
                                            <a href="mailto:{{ $user->email }}" class="text-decoration-none">{{ $user->email }}</a>
                                        </p>
                                        <div class="d-flex gap-2 flex-wrap">
                                            @if($user->is_active)
                                                <span class="badge bg-success">
                                                    <i class="fas fa-check me-1"></i>Actif
                                                </span>
                                            @else
                                                <span class="badge bg-danger">
                                                    <i class="fas fa-pause me-1"></i>Inactif
                                                </span>
                                            @endif
                                            @if($user->email_verified_at)
                                                <span class="badge bg-success">
                                                    <i class="fas fa-check-circle me-1"></i>Email vérifié
                                                </span>
                                            @else
                                                <span class="badge bg-warning">
                                                    <i class="fas fa-clock me-1"></i>Email non vérifié
                                                </span>
                                            @endif
                                            <span class="badge bg-secondary">
                                                <i class="fas fa-hashtag me-1"></i>ID: {{ $user->id }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 text-md-end mt-3 mt-md-0">
                                <div class="d-flex flex-column flex-md-row gap-2 justify-content-md-end">
                                    <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-primary">
                                        <i class="fas fa-edit me-2"></i>Modifier
                                    </a>
                                    @if(auth()->user()->isRole('ROLE_DEVELOPER'))
                                        <a href="{{ route('developer.user.connection', $user) }}" class="btn btn-warning">
                                            <i class="fas fa-code me-2"></i>Dev Login
                                        </a>
                                    @endif
                                    <a href="{{ route('admin.users') }}" class="btn btn-outline-secondary">
                                        <i class="fas fa-arrow-left me-2"></i>Retour
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-4">
            <!-- Informations personnelles -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-primary">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-user me-2"></i>Informations personnelles
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Prénom</label>
                            <p class="mb-0 fs-5">{{ $user->firstname }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Nom</label>
                            <p class="mb-0 fs-5">{{ $user->lastname }}</p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Email</label>
                            <p class="mb-0">
                                <a href="mailto:{{ $user->email }}" class="text-decoration-none fs-5">
                                    <i class="fas fa-envelope me-2 text-primary"></i>{{ $user->email }}
                                </a>
                            </p>
                        </div>
                        @if($user->phones && $user->phones->count() > 0)
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">
                                <i class="fas fa-phone me-1"></i>Téléphones
                            </label>
                            <div class="d-flex flex-column gap-2">
                                @foreach($user->phones as $phone)
                                    <div class="d-flex align-items-center">
                                        <span class="badge {{ $phone->type->bgColor() }} me-2">
                                            <i class="fas {{ $phone->type->icon() }} me-1"></i>{{ $phone->type->label() }}
                                        </span>
                                        <a href="tel:{{ $phone->name }}" class="text-decoration-none">{{ $phone->name }}</a>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                        
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Profession</label>
                            <p class="mb-0">
                                @if($profession && $profession->id)
                                    <a href="{{ route('admin.professions.show', $profession) }}" class="text-decoration-none">
                                        <span class="badge bg-primary fs-6">{{ $profession->name }}</span>
                                    </a>
                                @else
                                    <span class="text-muted">Non renseignée</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Dates -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-info">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-calendar me-2"></i>Dates importantes
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Créé le</label>
                            <p class="mb-0">
                                <i class="fas fa-calendar-plus me-2 text-success"></i>
                                {{ $user->created_at->format('d/m/Y à H:i') }}
                            </p>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Dernière modification</label>
                            <p class="mb-0">
                                <i class="fas fa-calendar-edit me-2 text-primary"></i>
                                {{ $user->updated_at->format('d/m/Y à H:i') }}
                            </p>
                        </div>
                        @if($user->email_verified_at)
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Email validé le</label>
                            <p class="mb-0">
                                <i class="fas fa-check-circle me-2 text-success"></i>
                                {{ $user->email_verified_at->format('d/m/Y à H:i') }}
                            </p>
                        </div>
                        @else
                        <div class="mb-3">
                            <label class="form-label fw-bold text-muted small">Email</label>
                            <p class="mb-0">
                                <i class="fas fa-exclamation-triangle me-2 text-warning"></i>
                                Non validé
                            </p>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Rôles et permissions -->
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-warning">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-shield-alt me-2"></i>Rôles et permissions
                        </h5>
                    </div>
                    <div class="card-body">
                        <small class="text-muted d-block mb-3">
                            <i class="fas fa-info-circle me-1"></i>
                            <strong>* Produits</strong> = Programmes, Lots et Annexes
                        </small>
                        
                        @php
                            $roleValues = $user->roles;
                            if (is_string($roleValues)) {
                                $decoded = json_decode($roleValues, true);
                                $roleValues = is_array($decoded) ? $decoded : [];
                            }
                            $roleValues = is_array($roleValues) ? $roleValues : [];
                        @endphp
                        
                        @if(count($roleValues))
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th colspan="4" class="text-center bg-danger text-white">
                                                <i class="fas fa-crown me-2"></i>Rôles système
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            @foreach(\App\Enums\Role::systemRoles() as $role)
                                                @php
                                                    $hasRole = in_array($role->name, $roleValues);
                                                @endphp
                                                <td class="text-center {{ $hasRole ? 'bg-light' : '' }}">
                                                    <div class="d-flex flex-column align-items-center gap-1">
                                                        <span class="badge bg-{{ $role->color() }}">{{ $role->label() }}</span>
                                                        @if($hasRole)
                                                            <i class="fas fa-check-circle text-success" style="font-size: 1.5rem;"></i>
                                                        @else
                                                            <i class="fas fa-times-circle text-muted opacity-25"></i>
                                                        @endif
                                                    </div>
                                                </td>
                                            @endforeach
                                        </tr>
                                    </tbody>
                                </table>
                                
                                <table class="table table-bordered table-hover align-middle mb-0 mt-3">
                                    <thead class="table-light">
                                        <tr>
                                            <th style="width: 250px;">
                                                <i class="fas fa-layer-group me-2"></i>Module
                                            </th>
                                            <th class="text-center">
                                                <i class="fas fa-eye me-1 text-primary"></i>Consulter
                                            </th>
                                            <th class="text-center">
                                                <i class="fas fa-edit me-1 text-warning"></i>Modifier
                                            </th>
                                            <th class="text-center">
                                                <i class="fas fa-trash me-1 text-danger"></i>Supprimer
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $modules = \App\Enums\Role::moduleMetadata();
                                            $actions = ['SHOW', 'EDIT', 'DELETE'];
                                        @endphp
                                        
                                        @foreach($modules as $moduleKey => $moduleData)
                                            <tr>
                                                <td>
                                                    <i class="fas {{ $moduleData['icon'] }} me-2 text-{{ $moduleData['color'] }}"></i>
                                                    <strong>{{ $moduleData['label'] }}</strong>
                                                </td>
                                                @foreach($actions as $action)
                                                    @php
                                                        $roleName = 'ROLE_' . $moduleKey . '_' . $action;
                                                        $hasRole = in_array($roleName, $roleValues);
                                                    @endphp
                                                    <td class="text-center bg-light">
                                                        @if($hasRole)
                                                            <i class="fas fa-check-circle text-success" style="font-size: 1.5rem;"></i>
                                                        @else
                                                            <i class="fas fa-times-circle text-muted opacity-25"></i>
                                                        @endif
                                                    </td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="alert alert-info mb-0">
                                <i class="fas fa-info-circle me-2"></i>
                                Aucun rôle assigné à cet utilisateur.
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Adresse -->
            @if($user->address)
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-map-marker-alt me-2"></i>Adresse
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label fw-bold text-muted small">Adresse</label>
                                <p class="mb-0">
                                    {{ $user->address->line_1 }}
                                    @if($user->address->line_2)
                                        <br>{{ $user->address->line_2 }}
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-bold text-muted small">Code postal</label>
                                <p class="mb-0">{{ $user->address->zip_code }}</p>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-bold text-muted small">Ville</label>
                                <p class="mb-0">{{ $user->address->city }}</p>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label fw-bold text-muted small">Pays</label>
                                <p class="mb-0">{{ $user->address->country_label }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Applications associées -->
            @if($user->applications && $user->applications->count() > 0)
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-info">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-th-large me-2"></i>Applications associées
                            <span class="badge bg-white text-dark ms-2">{{ $user->applications->count() }}</span>
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            @foreach($user->applications as $app)
                            <div class="col-md-4">
                                <div class="card border h-100">
                                    <div class="card-body">
                                        <div class="d-flex align-items-start justify-content-between">
                                            <div class="flex-grow-1">
                                                <h6 class="mb-1">
                                                    <i class="fas fa-th-large text-primary me-1"></i>
                                                    {{ $app->name }}
                                                </h6>
                                                <small class="text-muted d-block mb-2">{{ $app->domain }}</small>
                                            </div>
                                            @if($app->is_active)
                                                <span class="badge bg-success">Actif</span>
                                            @else
                                                <span class="badge bg-secondary">Inactif</span>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Entreprises associées -->
            @if($user->companies && $user->companies->count() > 0)
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-success">
                        <h5 class="mb-0 text-white">
                            <i class="fas fa-building me-2"></i>Entreprises associées
                            <span class="badge bg-white text-dark ms-2">{{ $user->companies->count() }}</span>
                        </h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            @foreach($user->companies as $company)
                            <div class="col-md-4">
                                <a href="{{ route('admin.companies.show', $company) }}" class="text-decoration-none">
                                    <div class="card border h-100 company-card-hover">
                                        <div class="card-body">
                                            <div class="d-flex align-items-start justify-content-between">
                                                <div class="flex-grow-1">
                                                    <div class="d-flex align-items-center gap-2 mb-2">
                                                        <div class="avatar-sm bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">
                                                            <span class="fw-bold">{{ strtoupper(substr($company->name, 0, 1)) }}</span>
                                                        </div>
                                                        <h6 class="mb-0">{{ $company->name }}</h6>
                                                    </div>
                                                    <small class="text-muted d-block">{{ $company->slug }}</small>
                                                </div>
                                                @if($company->is_active)
                                                    <span class="badge bg-success">Active</span>
                                                @else
                                                    <span class="badge bg-secondary">Inactive</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>

@endsection