@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('partner.application.users', $application) }}">Mes utilisateurs</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $user->fullName() }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        <!-- 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-primary 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
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 text-md-end mt-3 mt-md-0">
                                <a href="{{ route('partner.user.edit', ['application' => $application, 'user' => $user]) }}" class="btn btn-primary">
                                    <i class="fas fa-edit me-2"></i>Modifier
                                </a>
                                <a href="{{ route('partner.application.users', $application) }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </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 text-white">
                        <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
                        
                        @if(Auth::user()->isRole('ROLE_SUPER_ADMIN') || Auth::user()->isRole('ROLE_DEVELOPER'))
                        <div class="mt-4 pt-3 border-top">
                            <label class="form-label fw-bold text-muted small">ID Utilisateur</label>
                            <p class="mb-0"><code class="fs-6">{{ $user->id }}</code></p>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Dates et abonnement -->
            <div class="col-lg-6">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-info text-white">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-calendar me-2"></i>Dates et abonnement
                        </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

                        @if($application->subscription_manager)
                            <div class="mt-4 pt-3 border-top">
                                @php
                                    $currentSubscription = $user->subscriptions->first();
                                @endphp
                                @if($currentSubscription)
                                    <label class="form-label fw-bold text-muted small">
                                        <i class="fas fa-credit-card me-1"></i>Abonnement
                                    </label>
                                    <div class="card bg-light border-0">
                                        <div class="card-body py-2">
                                            <p class="mb-1 fw-semibold">{{ $currentSubscription->name }}</p>
                                            @if($currentSubscription->pivot->subscription_created_at)
                                                <small class="text-muted d-block">
                                                    <i class="fas fa-calendar-plus me-1 text-success"></i>
                                                    Début: {{ \Carbon\Carbon::parse($currentSubscription->pivot->subscription_created_at)->format('d/m/Y') }}
                                                </small>
                                            @endif
                                            @if($currentSubscription->pivot->subscription_expires_at)
                                                <small class="text-muted d-block">
                                                    <i class="fas fa-calendar-times me-1 text-danger"></i>
                                                    Fin: {{ \Carbon\Carbon::parse($currentSubscription->pivot->subscription_expires_at)->format('d/m/Y') }}
                                                </small>
                                            @endif
                                        </div>
                                    </div>
                                @else
                                    <label class="form-label fw-bold text-muted small">
                                        <i class="fas fa-credit-card me-1"></i>Abonnement
                                    </label>
                                    <p class="mb-0 text-muted fst-italic">Aucun abonnement</p>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- 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>Permissions et accès
                        </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>
                        
                        @if(count($user->visible_roles ?? []))
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover align-middle mb-0">
                                    <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 = $user->isRole($roleName);
                                                    @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>
                                Aucune permission spécifique assignée à cet utilisateur.
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Applications associées -->
            @if($user->applications && $user->applications->count() > 0)
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-secondary text-white">
                        <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
        </div>
    </div>

@endsection