@extends('layouts.master')

@section('title', __('Confirmed your order'))

@push('styles')
<link href="{{ asset('frontend/styles/css/confirmation.css') }}" rel="stylesheet">
@endpush

@section('breadcrumb-text')
    <h3 class="m-0 p-0">{{__('Congratulations!')}}</h3>
@endsection

@section("content")

<div id="featured-services" class="featured-services main_section">
    <div class="container" data-aos="fade-up">
        <div class="row justify-content-center">
            <div class="col-md-12 text-center">
                @if(request('status') === 'success')
                <img CLASS="successimg" src="{{ asset('frontend/images/vector-congratulations.png') }}" style="margin:0 auto !important;" />
                    <div class="mb-4">
                        <h1 class="success-title">{{ __("Congratulations!") }}</h1>
                        <h1 class="success-notes">{{__('You\'re now on your way to becoming') }}</h1>
                        <h1 class="success-notes">{{__('plastic neutral') }}</h1>
                    </div>

                    <a href="{{url('member/gift-codes')}}" class="btn btn-primary mt-2">{!! renderIconHtml('gift') !!}{{ __("View Gift Code") }}</a>
                    @if(isset($_GET['transactionId']) && !empty($_GET['transactionId']))
                        <a href="{{route('member.showInvoice',$_GET['transactionId'])}}" target="_blank" class="btn btn-primary mt-2">{!! renderIconHtml('invoice') !!}{{ __("View Invoice") }}</a>
                    @endif
                @else
                    <p style="font-size: 100px">:(</p>

                    <p class="h3 p-0 m-0">{{__('We are unable to process the order due to server issue, we promise to fix it as soon as possible. Contact us.') }}</p>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script src="{{asset('frontend/js/page-js/cart.js')}}"></script>

@endpush