@extends('layouts.website-subscribe')
@section('title') Paiement succès @endsection
@section('nolife') current @endsection
@section('main')
<div id="checkout-loader" class="loading-mask d-none">
	<div class="loader">
		<img src="{{asset('assets/img/loader.svg')}}" alt="Loading..." style="position: absolute;" height="64" width="64">
	</div>
</div>
<main>
	<div class="container">
		<div id="wizard_container">
			<div class="text-center" style="padding-top:20px;">
				<h4 style="font-weight:600;color:#cea118">SOUSCRIPTION ASSURANCE SANTE</h4>
			</div>
			
			<div class="wizard-content">
				<form id="subscription_wizard" class="subscription_wizard wizard-circle wizard" autocomplete="off">
				@csrf
					
					<div class="col-md-6 block-content progress-block inner-full progress-items-rect" id="progress">
						<div style="padding-top:18px; padding-bottom:12px;" id="progress-bar">
							<span class="progress-item filled"></span>
							@if (!Auth::check() || (!isset(auth()->user()->subscriber)))
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							@endif
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
							<span class="progress-item filled"></span>
						</div>
					</div>
					
					<section class="step-12 section-padding" id="hsubscription-step-12">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<div class="booking-confirm-content text-center">
										<div class="text-center">
											<img src="{{asset('assets/img/check.png')}}" alt="" width="75" />
										</div><br>
										<div class="section-heading pt-3">
											<h2 class="sec__title mb-4">
												Votre paiement a été effectué avec succès
											</h2>
											<p class="sec__desc">
												Nous avons bien enregistré votre demande et envoyé votre bulletin  <br> de souscription à l'adresse suivante :
												<strong><span id="recipient_email">{{ session('recipient_email') }}</span></strong><br><br>
												Vous recevrez votre carte d'assurance SANTE dans un délai maximum de 48h
											</p>
										</div>
										<div class="btn-box padding-top-30px">
											<a href="{{route('home')}}" class="btn-gray btn-gray-lg px-4" >Retourner à l'accueil <i class="bi bi-arrow-right ms-1"></i></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>
					
				</form>
			</div>
		</div>
	</div>
</main>
@endsection

{{--
@extends('layouts.website')
@section('main')
<!-- content -->
<div class="d-flex justify-content-center">
  <div class="col-md-10">
	  <div class="p-5 text-center">
		<i class="fa fa-check-circle display-1 text-warning"></i><br>
		<h2 class="text-black font-weight-bold">Votre commande a été acceptée 🎉</h2><br>
		<p class="text-black">Votre commande vous sera livrée dans 48 Heures au plus tard. Restez attentif à l'appel de notre livreur.</p><br>
		<p class="text-black">{{ $company->fullname }} vous souhaite une excellente journée.</p><br>
		<p>Cliquer <a href="{{ route('home') }}" style="text-decoration: underline">ici</a> pour retourner sur la page d'accueil. </p>
	  </div>
  </div>
</div>
@endsection

@section('style')
<style>

.font-weight-bold{
  font-weight: bold;
  color: #000 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

</style>
@endsection
 --}}