@extends('layouts.site')

@section('robots', 'noindex, nofollow')

@section('titre', $produit->libelle().' - Paiement')

@section('contenu')
    <x-page-header :titre="$produit->libelle()" image="paiement.jpg" :parent="['Souscription', route('souscription.formulaire', $produit->slug())]" />

    <section class="section-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="sidebar-widget quote-sidebar-widget p-4 p-md-5 mb-0">
                        @if (! $adhesion)
                            <div class="text-center">
                                <h2 class="widget-title">Dossier introuvable</h2>
                                <p>Aucun dossier trouvé pour la souscription, nous ne pouvons pas continuer la procédure.</p>
                                <a href="{{ route('contact') }}" class="btn btn-primary" data-hover="Nous contacter"><span>Nous contacter</span></a>
                            </div>
                        @else
                            <div class="agc-etape agc-etape-ok">
                                <span class="agc-etape-num"><i class="fa-solid fa-check"></i></span>
                                <div>
                                    <h2 class="h5-style mb-2">Étape 1 terminée : votre simulation</h2>
                                    <p class="mb-2">Vous allez recevoir un email contenant votre simulation. Vous pouvez aussi <a href="{{ route('souscription.simulation', [$produit->slug(), $adhesion->fk_pass]) }}" target="_blank"><b>télécharger votre simulation</b></a>.</p>
                                    @if ($signatureEnvoyee)
                                        <p class="mb-0"><b>Signature électronique :</b> utilisez le lien fourni dans l'email que nous venons de vous envoyer pour signer votre adhésion.</p>
                                    @endif
                                </div>
                            </div>

                            <div class="agc-etape">
                                <span class="agc-etape-num">2</span>
                                <div class="w-100">
                                    <h2 class="h5-style mb-2">Étape 2 : paiement de votre souscription</h2>
                                    <p>Vous pouvez à présent procéder au paiement. Une fois le paiement effectué, vous recevrez une confirmation.</p>
                                    <div class="row g-3 mb-4">
                                        <div class="col-md-6">
                                            <label class="form-label">Référence contrat</label>
                                            <input class="form-control" value="{{ $adhesion->numero_contrat }}" readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Au nom de</label>
                                            <input class="form-control" value="{{ html_entity_decode(trim($adhesion->client?->societe.' '.$adhesion->client?->nom.' '.$adhesion->client?->prenom)) }}" readonly>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Montant à régler</label>
                                            <input class="form-control fw-bold" value="{{ number_format((float) $adhesion->montant_a_payer, 2, ',', ' ') }} €" readonly>
                                        </div>
                                    </div>
                                    @if ($adhesion->estPayee())
                                        <div class="alert alert-success mb-0"><i class="fa-solid fa-circle-check me-2"></i>Votre souscription a déjà été réglée.</div>
                                    @else
                                        @include('partials.sogecommerce')
                                    @endif
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection