@extends('website.desktop.layouts.app-payment') 
@section('title') Failed Payment - Gradding @endsection
@section('main')
<section class="transaction-sucess-section container">
    <div class="transaction-sucess">
        <lottie-player src="{{ asset('/') }}frontend/assets-desktop/images/start-journey/payment-failed.json"
            class="successful-lottie" speed="1" loop autoplay defer></lottie-player>
        <h2>Transaction Failed</h2>
        <p>We're sorry, but your payment for the Gradding order didn't go through. Please check your payment method or reach out to our support team for help.</p>
        <a href="" class="continue btn-primary">Try Again</a>
    </div>
</section>
@endsection
@section('css')
<link rel="stylesheet" href="{{ asset('frontend') }}/assets-desktop/css/registration-success.css?v={{env('ASSETS_VERSION')}}">
@endsection

@section('script')
{{-- <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> --}}
<script src="{{ asset('frontend') }}/assets-desktop/js/lottie-player.js?v={{env('ASSETS_VERSION')}}"></script>
@endsection