@extends('layouts.main')

@section('content')
<div class="page-title-area text-white bg-image bg-overlay ptb-60" 
style="background-image:url({!!  asset(option('contact_us')) !!});">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="page-header-content">
                    <div class="page-header-caption">
                        <h1>{!! __('main.Payment_Successful') !!}</h1>
                    </div>
                    <div class="breadcrumb-area">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{!! url('') !!}">{!! __('main.Home') !!}</a></li>   
                            <li aria-current="page" class="breadcrumb-item active">{!! __('main.Payment_Successful') !!}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ======================= Start Wrappers ============================= -->
<div class="site-content">
    <div class="main-wrapper ptb-80">
        <div class="container">
            <div class="row">
                <div class="col-md-12"> 
                    <div class="frontpage-featured-post">
                    <article class="featured-item">
                         <div class="alert alert-success" role="alert">
                          <h1 class="alert-heading">{!! __('main.Payment_Successful') !!}</h1>
                          <p>{!! __('main.Thank_purchasing') !!} {{ $response->purchase_units[0]->description }}</p>
                          <p>{!! __('main.Amount_Paid') !!} {{ $response->purchase_units[0]->payments->captures[0]->amount->value }} {{ $response->purchase_units[0]->payments->captures[0]->amount->currency_code }}</p>
                          <hr>
                          <p class="mb-0"><a href="{!! url('') !!}"> {!! __('main.Home') !!}</a></p>
                        </div>
                    </article>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- =================================  End content ============================ -->
@endsection