@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item active" aria-current="page">Mon profil</li>
        </ol>
    </nav>
@endsection

@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 que <strong>{{ $user->fullName() }}</strong>.
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            <span class="client-avatar-large me-3">{{ $user->initials() }}</span>
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">{{ $user->fullName() }}</h1>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16"><span class="icon-mail icon icon-18 text-grey"></span> {{ $user->email }}</span>
                                @if($user->phones && $user->phones->count() > 0)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-phone icon icon-18 text-grey"></span> {{ format_phone_display($user->phones->first()->value ?? null) }}</span>
                                @endif
                                @if($user->address?->city)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-map-pin icon icon-18 text-grey"></span> {{ $user->address->city }}</span>
                                @endif
                                @if($user->is_active)
                                    <span class="separator-vertical"></span>
                                    <span class="badge bg-success text-white"><i class="fas fa-check me-1"></i>Actif</span>
                                @else
                                    <span class="separator-vertical"></span>
                                    <span class="badge bg-danger text-white"><i class="fas fa-pause me-1"></i>Inactif</span>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3">
                            <a href="{{ route('profile.edit') }}" class="btn btn-primary me-2">
                                <i class="fas fa-edit me-2"></i>Modifier
                            </a>
                            @if(auth()->user()->isRole('ROLE_SUPPORT'))
                                <a href="{{ route('developer.user.connection', $user) }}" class="btn btn-warning me-2">
                                    <i class="fas fa-code me-2"></i>Connexion développeur
                                </a>
                            @endif
                            <a href="{{ route('partner.home') }}" class="btn btn-outline-secondary">
                                <i class="fas fa-arrow-left me-2"></i>Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container pt-2">
        <ul class="nav nav-tabs mb-0" id="profileTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link text-navigo active" id="tab-informations-tab" data-bs-toggle="tab" data-bs-target="#tab-informations" type="button" role="tab" aria-controls="tab-informations" aria-selected="true">
                    Informations
                </button>
            </li>
        </ul>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="tab-content" id="profileTabsContent">
            <div class="tab-pane fade show active" id="tab-informations" role="tabpanel" aria-labelledby="tab-informations-tab">
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row g-4">
                            <div class="col-md-3">
                                <p class="mb-1 text-navigo text-medium text-primary text-20">{{ $user->firstname }} {{ $user->lastname }}</p>
                                <p><span class="icon-mail icon icon-18 text-grey"></span> <a href="mailto:{{ $user->email }}" class="text-decoration-none">{{ $user->email }}</a></p>
                                @if($profession && $profession->id)
                                    <p><span class="icon-briefcase-business icon icon-18 text-grey"></span>
                                        @if(Route::has('admin.professions.show'))
                                            <a href="{{ route('admin.professions.show', $profession) }}" class="text-decoration-none"><span class="badge">{{ $profession->name }}</span></a>
                                        @else
                                            <span class="badge">{{ $profession->name }}</span>
                                        @endif
                                    </p>
                                @endif
                            </div>
                            <div class="col-md-7 separator-left">
                                @if($user->phones && $user->phones->count() > 0)
                                    <p>
                                        @foreach($user->phones as $phone)
                                            <div><span class="icon-phone icon icon-18 text-grey"></span> {{ format_phone_display($phone->value) }} <span class="badge">{{ $phone->type?->label() ?? '-' }}</span></div>
                                        @endforeach
                                    </p>
                                @endif
                                @if($user->address)
                                    <p>
                                        <span class="icon-map-pin icon icon-18 text-grey"></span> {{ $user->address->line_1 ?? '' }}
                                        @if($user->address->line_2)
                                            , {{ $user->address->line_2 }}
                                        @endif
                                    </p>
                                    @if($user->address->zip_code || $user->address->city)
                                        <p>{{ $user->address->zip_code ?? '' }} {{ $user->address->city ?? '' }}</p>
                                    @endif
                                    @if($user->address->country_label)
                                        <p>{{ $user->address->country_label }}</p>
                                    @endif
                                @endif
                                <p>Rôles :
                                    @php
                                        $roles = is_array($user->roles) ? $user->roles : [];
                                    @endphp
                                    @if(count($roles))
                                        @foreach($roles as $r)
                                            @php
                                                $enum = null;
                                                foreach (\App\Enums\Role::cases() as $case) {
                                                    if ($case->name === $r) { $enum = $case; break; }
                                                }
                                                $enumColor = $enum?->color() ?? 'secondary';
                                                $enumLabel = $enum?->label() ?? $r;
                                            @endphp
                                            <span class="badge me-1">{{ $enumLabel }}</span>
                                        @endforeach
                                    @endif
                                </p>
                            </div>
                            <div class="col-md-2 text-end">
                                <p class="text-14 text-grey">créé le {{ $user->created_at->format('d/m/Y H:i') }}</p>
                                <p class="text-14 text-grey">modifié le {{ $user->updated_at->format('d/m/Y H:i') }}</p>
                                @if($user->email_verified_at)
                                    <p class="text-14 text-grey">email validé le {{ $user->email_verified_at->format('d/m/Y') }}</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection