@extends('layouts.app')

@section('content')

<div class="ht__bradcaump__area mb-5" style="background: rgba(0, 0, 0, 0) url({{ asset('assets/images/bg/2.jpg') }}) no-repeat scroll center center / cover ;">
    <div class="ht__bradcaump__wrap_small">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bradcaump__inner text-center">
                        <h2 class="bradcaump-title">Référence de commande : #{{ $order_reference }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container pb-5 fade-in">
    <div class="row justify-content-center">
        <div class="order-confirmation-wrapper">
            <div class="icon-circle">
                <svg viewBox="0 0 24 24">
                    <path d="M20.285 6.709l-11.01 11.01-5.57-5.57 1.414-1.414 4.156 4.156 9.596-9.596z" />
                </svg>
            </div>
            <h1>{{ __('shop.order_thankyou') }} ✨</h1>

            <div class="info-block">
                <p>{{ __('shop.order_success') }}</p>
                <p>{{ __('shop.order_email_sent') }}</p>
                <p>{{ __('shop.order_team_preparing') }}</p>
                <span class="order-code">{{ __('shop.order_reference') }} : #{{ $order_reference }}</span>
            </div>

            <div class="contact-btn mt-4">
                <a href="/" class="fv-btn btn rounded-0">{{ __('shop.order_back_to_shop') }}</a>
            </div>
        </div>
    </div>
</div>
@endsection