@php
    use Carbon\Carbon;
    use Illuminate\Support\Str;
@endphp

@extends('layouts.root')


@section('styles')
<!-- Les scripts spécifiques à cette vue enfant vont ici -->
<!-- Inclure Leaflet.js CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<!-- Inclure jQuery -->

@endsection

@section('root-content')

<div class="dashboard-widg-bar d-block">

    <div class="row">

        <!-- Start Profile -->
        <div class="col-xl-6 col-lg-6 col-md-12">
            <div class="dashboard-profle-wrapper mb-4">
                <div class="dash-prf-start">
                    <div class="dash-prf-start-upper">
                        <div class="dash-prf-start-thumb">
                            <figure><img src="{{ $utilisateur->avatar }}" id="image" class="img-fluid circle" alt=""></figure>
                        </div>
                    </div>
                    <div class="dash-prf-start-bottom">
                        <div class="upload-btn-wrapper small">
                            <button class="btn" onclick="document.getElementById('avatar-form').submit();">Changer Avatar</button>
                            <form id="avatar-form" action="{{ route('root.avatar_utilisateur') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">
                                <input type="file" name="avatar" id="imageUpload">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="dash-prf-end">
                    <div class="dash-prfs-caption">
                        <div class="dash-prfs-title">
                            <h4>{{ $utilisateur->name }}</h4>
                        </div>
                        <div class="dash-prfs-subtitle">
                            <div class="jbs-job-mrch-lists">
                                <div class="single-mrch-lists">
                                    <span>{{ $utilisateur->role }}</span>.<span><i class="fa-solid fa-location-dot me-1"></i>{{ $utilisateur->adresse }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="jbs-grid-job-edrs-group mt-1">
                            @if($utilisateur->online == 1)
                            <span class="bg-light-success text-success">en ligne</span>
                            @else
                            <span class="bg-light-warning text-warning">hors ligne</span>
                            @endif
                        </div>
                    </div>
                    <div class="dash-prf-caption-end">
                        <div class="dash-prf-infos">
                            <div class="single-dash-prf-infos">
                                <div class="single-dash-prf-infos-icons"><i class="fa-solid fa-envelope-open-text"></i></div>
                                <div class="single-dash-prf-infos-caption">
                                    <p class="text-sm-muted mb-0">Email</p>
                                    <h5>{{ $utilisateur->email }}</h5>
                                </div>
                            </div>
                            <div class="single-dash-prf-infos">
                                <div class="single-dash-prf-infos-icons"><i class="fa-solid fa-phone-volume"></i></div>
                                <div class="single-dash-prf-infos-caption">
                                    <p class="text-sm-muted mb-0">Téléphone</p>
                                    <h5>{{ $utilisateur->phone }}</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- End Profile -->

        <!-- Start Affiliation -->
        <div class="col-xl-6 col-lg-6 col-md-12">
            <div class="dashboard-profle-wrapper mb-4">
                <div class="dash-prf-end">
                    <div class="dash-prfs-caption">
                        <div class="dash-prfs-title">
                            <h4>Code d'affiliation</h4>
                        </div>
                        <div class="dash-prfs-subtitle">
                            <div class="jbs-job-mrch-lists">
                                <div class="single-mrch-lists">
                                    <span>{{ $utilisateur->code_affiliation }}</span>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="jbs-grid-job-edrs-group mt-1">
                            <span class="bg-light-success text-success">Votre lien d'affiliation</span>
                        </div>
                        <div class="jbs-grid-job-edrs-group mt-1">
                            <span class="bg-light-success text-success" id="linkAffiliation">
                                @if(!empty($utilisateur->code_affiliation))
                                {{ route('site.affiliation_link', ['code' => $utilisateur->code_affiliation]) }}
                                @else
                                pas de code d'affiliation
                                @endif
                            </span>
                            <span class="bg-light-success text-success" data-toggle="tooltip" data-placement="top" title="Copier le lien">
                                <i class="bi bi-back" id="copyUrl"></i>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="dash-prf-start">
                    <div class="dash-prf-start-upper">
                        <div class="dash-prf-start-thumb">
                            <figure><img src="{{ $utilisateur->logo }}" id="logo" class="img-fluid circle" alt=""></figure>
                        </div>
                    </div>
                    <div class="dash-prf-start-bottom">
                        <div class="upload-btn-wrapper small">
                            <button class="btn" onclick="document.getElementById('logo-form').submit();">Changer Logo</button>
                            <form id="logo-form" action="{{ route('root.logo_utilisateur') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">
                                <input type="file" name="logo" id="logoUpload">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Affiliation -->

        <!-- Start Password -->
        <div class="col-xl-6 col-lg-6 col-md-12">

            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Mot de Passe</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.update_password') }}">

                        @csrf

                        <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">

                        <div class="row">

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Nouveau Mot de Passe</label>
                                    <input type="password" class="form-control" name="password" required autocomplete="new-password">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Confirmation Mot de Passe</label>
                                    <input type="password" class="form-control" name="confirmation_password" required autocomplete="new-password">
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-primary">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Card Row End -->

        </div>
        <!-- End Password -->

        <!-- Start Delete Account -->
        <div class="col-xl-6 col-lg-6 col-md-12">

            @if($utilisateur->active == 1)
            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Désactiver Compte</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.destroy_utilisateur_simple') }}">

                        @csrf

                        <div class="row">

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Mot de Passe</label>
                                    <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">
                                    <input type="password" class="form-control" name="password" required>
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-danger">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Card Row End -->
            @else
            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Activer Compte</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.active_utilisateur_simple') }}">

                        @csrf

                        <div class="row">

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Mot de Passe</label>
                                    <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">
                                    <input type="password" class="form-control" name="password" required>
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-succees">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            @endif

        </div>
        <!-- End Delete Account -->

    </div>

    <div class="row">

        <!-- Start Responsable -->
        <div class="col-xl-6 col-lg-6 col-md-12">

            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Responsable</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.update_utilisateur', ['id' => $utilisateur->id]) }}">

                        @csrf

                        <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">
                        <input type="hidden" name="terms" value="1">

                        <div class="row">

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Noms</label>
                                    <input type="text" class="form-control" name="noms" value="{{ $utilisateur->noms }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Prénoms</label>
                                    <input type="text" class="form-control" name="prenoms" value="{{ $utilisateur->prenoms }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Date de naissance</label>
                                    <input type="date" class="form-control" name="birthday" value="{{ $utilisateur->birthday }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Sexe</label>
                                    <div class="select-ops">
                                        <select name="sexe" required>
                                            <option value="M" @if(intval($utilisateur->sexe) == 'M') selected @endif>Masculin</option>
                                            <option value="F" @if(intval($utilisateur->sexe) == 'F') selected @endif>Féminin</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="email" class="form-control" name="email" value="{{ $utilisateur->email }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Téléphone</label>
                                    <input type="phone" class="form-control" name="phone" value="{{ $utilisateur->phone }}">
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Profession</label>
                                    <input type="text" class="form-control" name="profession" value="{{ $utilisateur->profession }}" required>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Nationalité</label>
                                    <input type="text" class="form-control" name="nationalite" value="{{ $utilisateur->nationalite }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Zip Code</label>
                                    <input type="text" class="form-control" name="zip_code" value="{{ $utilisateur->zip_code }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Adresse</label>
                                    <input type="text" class="form-control" name="adresse" value="{{ $utilisateur->adresse }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Droits d'acces</label>
                                    <div class="select-ops">
                                        <select name="role" required>
                                            <option value="Root" @if($utilisateur->role == "Root") selected @endif>Root</option>
                                            <option value="Entreprise" @if($utilisateur->role == "Entreprise") selected @endif>Entreprise</option>
                                            <option value="Freelance" @if($utilisateur->role == "Freelance") selected @endif>Freelance</option>
                                            <option value="Client" @if($utilisateur->role == "Client") selected @endif>Client</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Facebook</label>
                                    <input type="text" class="form-control" name="facebook" value="{{ $utilisateur->facebook }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Twitter X</label>
                                    <input type="text" class="form-control" name="twitter" value="{{ $utilisateur->twitter }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Linked'In</label>
                                    <input type="text" class="form-control" name="linkedin" value="{{ $utilisateur->linkedin }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Instagram</label>
                                    <input type="text" class="form-control" name="instagram" value="{{ $utilisateur->instagram }}">
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Biographie</label>
                                    <textarea id="tinymce" class="form-control" name="biographie">{!! $utilisateur->biographie !!}</textarea>
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-primary">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Card Row End -->
            <div></div>

        </div>
        <!-- End Responsable -->

        <!-- Start Entreprise -->
        <div class="col-xl-6 col-lg-6 col-md-12">

            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Entreprise</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.utilisateur_entreprise') }}" enctype="multipart/form-data">

                        @csrf

                        <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">

                        <div class="row">

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="dash-prf-start justify-content-center align-items-center mb-2">
                                    <div class="dash-prf-start-upper mb-2">
                                        <div class="dash-prf-start-thumb">
                                            <figure class="mb-0"><img src="{{ $utilisateur->logo ? $utilisateur->logo : URL::to('assets/img/icone1.png') }}" id="logo" class="img-fluid rounded" alt=""></figure>
                                        </div>
                                    </div>
                                    <div class="dash-prf-start-bottom">
                                        <div class="upload-btn-wrapper small">
                                            <button class="btn">LOGO</button>
                                            <input type="file" name="logo" id="logoUpload">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Raison sociale</label>
                                    <input type="text" class="form-control" name="raison_sociale" value="{{ $utilisateur->raison_sociale ? $utilisateur->raison_sociale : old('raison_sociale') }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Sigle</label>
                                    <input type="text" class="form-control" name="sigle" value="{{ $utilisateur->sigle ? $utilisateur->sigle : old('sigle') }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Année d'expérience</label>
                                    <div class="select-ops">
                                        <select name="annee_experience">
                                            <option value="1" @if(intval($utilisateur->annee_experience) == 1) selected @endif>1+ an</option>
                                            <option value="2" @if(intval($utilisateur->annee_experience) == 2) selected @endif>2+ années</option>
                                            <option value="3" @if(intval($utilisateur->annee_experience) == 3) selected @endif>3+ années</option>
                                            <option value="4" @if(intval($utilisateur->annee_experience) == 4) selected @endif>4+ années</option>
                                            <option value="5" @if(intval($utilisateur->annee_experience) == 5) selected @endif>5+ années</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Registre de commerce (RCCM)</label>
                                    <input type="text" class="form-control" name="rccm" value="{{ $utilisateur->rccm ? $utilisateur->rccm : old('rccm') }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Numéro immatriculation fiscale (NIF)</label>
                                    <input type="text" class="form-control" name="nif" value="{{ $utilisateur->nif ? $utilisateur->nif : old('nif') }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Numéro Siret</label>
                                    <input type="text" class="form-control" name="siret" value="{{ $utilisateur->siret ? $utilisateur->siret : old('siret') }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Forme juridique</label>
                                    <input type="text" class="form-control" name="forme_juridique" value="{{ $utilisateur->forme_juridique ? $utilisateur->forme_juridique : old('forme_juridique') }}">
                                    <small class="text-primary">Ex : SARL, SA, SI, etc...</small>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Secteur d'activité</label>
                                    <div class="select-ops">
                                        <select name="secteur_id">
                                            <option value="">Choix du Secteur</option>
                                            @foreach($secteurs as $secteur)
                                            <option value="{{ $secteur->id }}" @if($utilisateur->secteur_id == $secteur->id) selected @endif>
                                                {{ $secteur->libelle }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Description</label>
                                    <textarea class="form-control" id="tinymce2" name="description" rows="5">{{ $utilisateur->description ? $utilisateur->description : old('description') }}</textarea>
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-primary">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Card Row End -->

        </div>
        <!-- End Entreprise -->

        <!-- Start Localisation -->
        <div class="col-xl-12 col-lg-12 col-md-12">

            <!-- Card Row -->
            <div class="card">
                <div class="card-header">
                    <h4>Localisation</h4>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('root.utilisateur_localisation') }}">

                        @csrf

                        <input type="hidden" name="user_id" value="{{ $utilisateur->id }}">

                        <div class="row">

                            <div class="col-lg-12 col-md-12">
                                <div class="card border">
                                    <div class="card-body">
                                        <div id="map" class="map" style="height: 300px;"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Pays</label>
                                    <div class="select-ops">
                                        <select name="pays_id" id="pays-select">
                                            <option value="">Choix du Pays</option>
                                            @foreach($countries as $country)
                                            <option value="{{ $country->id }}" @if($utilisateur->pays_id == $country->id) selected @endif>
                                                {{ $country->libelle }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Province</label>
                                    <div class="select-ops">
                                        <select name="province_id" id="province-select">
                                            <option value="">Choix de la Province</option>
                                            @foreach($provinces as $province)
                                            <option value="{{ $province->id }}" @if($utilisateur->province_id == $province->id) selected @endif>
                                                {{ $province->libelle }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-12 col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label>Ville</label>
                                    <div class="select-ops">
                                        <select name="ville_id" id="ville-select">
                                            <option value="">Choix de la Ville</option>
                                            @foreach($villes as $ville)
                                            <option value="{{ $ville->id }}" @if($utilisateur->ville_id == $ville->id) selected @endif>
                                                {{ $ville->libelle }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Latitude</label>
                                    <input type="text" class="form-control" name="latitude" id="latitude" value="{{ $utilisateur->latitude }}">
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label>Longitude</label>
                                    <input type="text" class="form-control" name="longitude" id="longitude" value="{{ $utilisateur->longitude }}">
                                </div>
                            </div>

                            <!-- Submit Busston -->
                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="btn ft--medium btn-primary">Soumettre</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- Card Row End -->

        </div>
        <!-- End Localisation -->

    </div>





</div>

@endsection

@section('scripts')
<!-- Les scripts spécifiques à cette vue enfant vont ici -->
<!-- Inclure Leaflet.js JS -->
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<script>
    // Initialisation de la carte centrée sur Libreville, Gabon
    var map = L.map('map').setView([0.3901, 9.4544], 13);

    // Ajout des tuiles OpenStreetMap
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 19,
        attribution: '&copy; JOBBO | INITIAL DEV | OpenStreetMap | Contributeurs'
    }).addTo(map);

    // Ajout d'un marqueur draggable
    var marker = L.marker([0.3901, 9.4544], { draggable: true }).addTo(map);

    // Mettre à jour les champs de latitude et de longitude lorsque le marqueur est déplacé
    marker.on('dragend', function (e) {
        var lat = marker.getLatLng().lat;
        var lng = marker.getLatLng().lng;
        document.getElementById('latitude').value = lat;
        document.getElementById('longitude').value = lng;
    });

    // Mettre à jour le marqueur lorsque les valeurs des champs sont modifiées
    document.getElementById('latitude').addEventListener('change', updateMarkerPosition);
    document.getElementById('longitude').addEventListener('change', updateMarkerPosition);

    function updateMarkerPosition() {
        var lat = parseFloat(document.getElementById('latitude').value);
        var lng = parseFloat(document.getElementById('longitude').value);
        if (!isNaN(lat) && !isNaN(lng)) {
            marker.setLatLng([lat, lng]);
            map.setView([lat, lng], map.getZoom());
        }
    }
</script>

<script>
    document.getElementById('imageUpload').addEventListener('change', function(event) {
        var reader = new FileReader();
        var file = event.target.files[0];

        if (file) {
            reader.onload = function(e) {
                document.getElementById('image').src = e.target.result;
            }

            reader.readAsDataURL(file);

            // Soumettre le formulaire automatiquement
            document.getElementById('avatar-form').submit();
        }
    });
</script>

<script>
    document.getElementById('logoUpload').addEventListener('change', function(event) {
        var reader = new FileReader();
        var file = event.target.files[0];

        if (file) {
            reader.onload = function(e) {
                document.getElementById('logo').src = e.target.result;
            }

            reader.readAsDataURL(file);

            // Soumettre le formulaire automatiquement
            document.getElementById('logo-form').submit();
        }
    });
</script>

<script>
    $(document).ready(function() {
        // Activer les tooltips
        $('[data-toggle="tooltip"]').tooltip();

        // Fonction pour copier le lien
        $('#copyUrl').click(function() {
            var link = $('#linkAffiliation').text();
            var tempInput = $('<input>');
            $('body').append(tempInput);
            tempInput.val(link).select();
            document.execCommand('copy');
            tempInput.remove();

            // Afficher une alerte ou un message de succès
            //alert('Lien copié : ' + link);
        });
    });
</script>




@endsection