@extends('theme.template')


@section('contenu')


<div class="form-head mb-4">
    <h2 class="text-black font-w600 mb-0">Paiement </h2>
</div>

{{-- <div class="page-titles">
    <ol class="breadcrumb">
        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle-filled" width="50" height="25" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" stroke-width="0" fill="currentColor" /></svg>
        <li class="breadcrumb-item"><a href="javascript:void(0)">Cette section est réservée pour ajouter une annonce</a></li>
    </ol>
</div> --}}


<div class="col-xl-12 col-xxl-12">
    <div class="card">
        <div class="card-header d-block">
            <h4 class="card-title">Stripe Paiement  </h4>
        </div>
        <div class="card-body">
            <div class="row">
            
                <div class="col-xl-12">
                    <div class="alert alert-success left-icon-big alert-dismissible fade show">
                        {{-- <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="btn-close"><span><i class="mdi mdi-btn-close"></i></span> --}}
                        </button>
                        <div class="media">
                            <div class="alert-left-icon-big">
                                <span><i class="mdi mdi-check-circle-outline"></i></span>
                            </div>
                            <div class="media-body">
                                <h5 class="mt-1 mb-2">Congratulations!</h5>
                                <p class="mb-0">Votre paiement a été éffectué avec succès.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-12">
                    <div class="row">
                        <div class="col-xl-6">
                            <a href="{{route('annonceur.invoice',['id'=>$annonce->id])}}" class="btn btn-outline-primary btn-rounded"> <i class="las la-print me-3 scale5"></i> Voir la facture </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    
@endsection