@php
    use Carbon\Carbon;
@endphp

@extends('layouts.site')

@section('scripts')

@endsection

@section('page-content')

<!-- ============================ Page Title Start================================== -->
<section class="bg-cover primary-bg-dark" style="background:url(assets/img/bg2.png)no-repeat;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">

                <h2 class="ipt-title text-light">Programme d'affiliation</h2>
                <span class="text-light opacity-75">Devenez Partenaire JOBBO : Partagez, Recommandez et Gagnez des Commissions Attractives !</span>

            </div>
        </div>
    </div>
</section>
<!-- ============================ Page Title End ================================== -->


<!-- ============================ Full Candidate Details Start ================================== -->
<section>
    <div class="container">
        <!-- row Start -->
        <div class="row">

            <div class="col-xl-8 col-lg-8 col-md-12">
                <div class="cdtsr-groups-block">

                    <div class="single-cdtsr-block">
                        <div class="single-cdtsr-header"><h5 class="text-primary">Bienvenue dans le programme d'affiliation de JOBBO </h5></div>
                        <div class="single-cdtsr-body">
                            <p>Rejoignez notre réseau d'affiliés et commencez à gagner des commissions en recommandant notre plateforme à des prestataires
                                 de services et à des clients potentiels. Que vous soyez un blogueur, un influenceur, ou simplement quelqu'un qui souhaite
                                 partager une excellente opportunité, notre programme est conçu pour vous récompenser.</p>
                        </div>
                    </div>

                    <div class="single-cdtsr-block">
                        <div class="single-cdtsr-header"><h5 class="text-primary">Comment Ça Marche ?</h5></div>
                        <div class="single-cdtsr-body">
                            <p>Notre programme d'affiliation est simple et facile à comprendre. Voici comment cela fonctionne :</p>
                            <p>
                                <strong><i class="bi bi-dash"></i> Inscrivez-vous</strong> : <br>Remplissez notre formulaire d'inscription pour devenir affilié.<br>
                                <strong><i class="bi bi-dash"></i> Partagez Votre Lien</strong> : <br>Une fois approuvé, vous recevrez un lien d'affiliation unique. Partagez ce lien sur vos réseaux sociaux, votre blog, votre site web, ou avec vos contacts..<br>
                                <strong><i class="bi bi-dash"></i> Gagnez des Commissions</strong> : À chaque fois que quelqu'un s'inscrit ou effectue un achat sur JOBBO via votre lien d'affiliation, vous gagnez une commission.
                            </p>
                        </div>
                    </div>

                    <div class="single-cdtsr-block">
                        <div class="single-cdtsr-header"><h5 class="text-primary">Avantages du Programme d'Affiliation ?</h5></div>
                        <div class="single-cdtsr-body">
                            <p>
                                <strong><i class="bi bi-1-circle"></i> Commissions Attractives</strong> : <br>Recevez des commissions compétitives pour chaque inscription ou transaction générée par votre lien.<br>
                                <strong><i class="bi bi-2-circle"></i> Suivi Transparent</strong> : <br>Accédez à un tableau de bord pour suivre vos clics, inscriptions, et commissions en temps réel<br>
                                <strong><i class="bi bi-3-circle"></i> Support Dédié</strong> : <br>Profitez d'un support dédié pour répondre à toutes vos questions et vous aider à maximiser vos gains.<br>
                            </p>
                        </div>
                    </div>

                    <div class="single-cdtsr-block">
                        <div class="single-cdtsr-header"><h5 class="text-primary">Contacts</h5></div>
                        <div class="single-cdtsr-body">
                            <div class="row align-items-center justify-content-between gy-4">
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="cdtx-infr-box">
                                        <div class="cdtx-infr-icon"><i class="fa-solid fa-envelope-open-text"></i></div>
                                        <div class="cdtx-infr-captions">
                                            <h5>affiliation@jobbo.com</h5>
                                            <p>Email</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="cdtx-infr-box">
                                        <div class="cdtx-infr-icon"><i class="fa-solid fa-phone-volume"></i></div>
                                        <div class="cdtx-infr-captions">
                                            <h5>(+241) 77 55 45 33</h5>
                                            <p>Téléphone</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="single-cdtsr-block">
                        <div class="single-cdtsr-header"><h5 class="text-primary">Questions fréquentes</h5></div>
                        <div class="single-cdtsr-body">
                            <p>
                                <strong class="text-primary"><i class="bi bi-dash"></i> Comment puis-je suivre mes commissions ?</strong> :
                                <br>Vous aurez accès à un tableau de bord en ligne où vous pourrez voir
                                tous vos clics, inscriptions, et commissions en temps réel.<br>

                                <strong class="text-primary"><i class="bi bi-dash"></i> Y a-t-il des frais pour rejoindre le programme d'affiliation ?</strong> :
                                <br>Non, notre programme d'affiliation est entièrement gratuit.<br>

                                <strong class="text-primary"><i class="bi bi-dash"></i> Quand et comment serai-je payé ?</strong> :
                                <br>Les paiements sont effectués mensuellement via virement bancaire ou PayPal. Vous devez avoir
                                atteint un seuil minimum de commissions pour recevoir un paiement.<br>
                            </p>
                        </div>
                    </div>



                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-12">
                @if ($errors->any())
                    <div class="alert alert-warning alert-dismissible alert-alt solid fade show">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
                        </button>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif


                @if (Session::get('success'))
                    <div class="alert alert-success alert-dismissible alert-alt solid fade show">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
                        </button>
                        Succès : <strong>{{ ' ' . Session::get('success') }}</strong>
                    </div>
                @endif

                @if (Session::get('failed'))
                    <div class="alert alert-danger alert-dismissible alert-alt solid fade show">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
                        </button>
                        Attention : <strong>{{ ' ' . Session::get('failed') }}</strong>
                    </div>
                @endif

                @if (Session::get('warning'))
                    <div class="alert alert-danger alert-dismissible alert-alt solid fade show">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close">
                        </button>
                        Attention : <strong>{{ ' ' . Session::get('warning') }}</strong>
                    </div>
                @endif

                <div class="sidefr-usr-block mb-4">
                    <div class="sidefr-usr-header">
                        <h4 class="sidefr-usr-title text-primary">Formulaire d'Inscription</h4>
                    </div>
                    <div class="sidefr-usr-body">
                        <form method="POST" action="{{ route('register') }}">

                            @csrf

                            <input type="hidden" name="role" value="Client" />

                            <div class="form-group">
                                <label class="text-primary">Noms</label>
                                <input type="text" class="form-control" placeholder="Noms" name="noms" value="{{ old('noms') }}">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Prénoms</label>
                                <input type="text" class="form-control" placeholder="Prénoms" name="prenoms" value="{{ old('prenoms') }}">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Date de Naissance</label>
                                <input type="date" class="form-control" placeholder="Date de Naissance" name="birthday" value="{{ old('birthday') }}">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Email</label>
                                <input type="email" class="form-control" placeholder="Email" name="email" value="{{ old('email') }}">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Sexe</label>
                                <div class="select-ops">
                                    <select name="sexe">
                                        <option value="M">Masculin</option>
                                        <option value="F">Feminin</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Téléphone</label>
                                <input type="text" class="form-control" placeholder="Téléphone" name="phone" value="{{ old('phone') }}">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Mot de Passe</label>
                                <input type="password" class="form-control" placeholder="Mot de Passe" name="password" required autocomplete="new-password">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Confirmation Mot de Passe</label>
                                <input type="password" class="form-control" placeholder="Confirmation Mot de Passe" name="password_confirmation" required autocomplete="new-password">
                            </div>
                            <div class="form-group">
                                <label class="text-primary">Code Affiliation</label>
                                <input type="text" readonly class="form-control" name="code_affiliation" placeholder="Ex. eOp98Ew" value="{{ $uniqueCode ? $uniqueCode : old('code_affiliation') }}">
                            </div>

                            <div class="form-group">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="checkbox" id="terms" name="terms" value="1" required>
                                    <label class="form-check-label" for="savepassword">
                                        En cochant cette case, vous acceptez les
                                        <a href="{{ route('site.terms') }}" target="_blank" class="text-primary">termes et conditions d'utilisation</a>
                                    </label>
                                </div>
                            </div>

                            <div class="form-group m-0">
                                <button type="submit" class="btn btn-primary fw-medium full-width">Soumettre</button>
                            </div>
                        </form>
                    </div>
                </div>

            </div>

        </div>
        <!-- /row -->
    </div>
</section>
<!-- ============================ Full Candidate Details End ================================== -->


<!-- ============================ Call To Action ================================== -->
<section class="bg-cover primary-bg-dark" style="background:url(assets/img/footer-bg-dark.png)no-repeat;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-7 col-lg-10 col-md-12 col-sm-12">

                <div class="call-action-wrap">
                    <div class="sec-heading center">
                        <h2 class="lh-base mb-3 text-light">Devenez un Partenaire<br>JOBBO</h2>
                        <p class="fs-6 text-light">Devenez Partenaire de JOBBO et Développez Votre Activité et Profitez d'une Visibilité Accrue, Accédez à
                            Des Opportunités de Qualité et Rejoignez Une Communauté Dynamique de Clients et de Collaborateurs.</p>
                    </div>
                    <div class="call-action-buttons mt-3">
                        <a href="{{ route('site.register_freelance') }}" class="btn btn-lg btn-dark fw-medium px-xl-5 px-lg-4 me-2">Freelance</a>
                        <a href="{{ route('site.register_entreprise') }}" class="btn btn-lg btn-whites fw-medium px-xl-5 px-lg-4 text-primary">Entreprise</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!-- ============================ Call To Action End ================================== -->

@endsection

@section('scripts')
    <!-- Les scripts spécifiques à cette vue enfant vont ici -->
@endsection