@extends('frontend.layouts.app')

@section('title')
@endsection

@section('seo')
@endsection

@section('content')
    <div class="bg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-lg-6">
                    <div class="bg-green p-3 rounded-1 text-center">
                        <img src="{{ asset('images/airpro-logo2.webp') }}" class="img-fluid mx-auto" width="250"
                            alt="...">
                    </div>
                </div>
            </div>
            <br>
            <div class="row justify-content-center">
                <div class="col-12 col-lg-6">
                    <div class="text-center">
                        <h1>Your payment was canceled or failed.</h1>
                        <a href="{{ url('/') }}" class="btn btn-custom">Go Home</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .bg {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .btn.btn-custom {
            background-color: #147ec2;
            color: white;
        }

        .btn.btn-custom:hover {
            background-color: #147ec2;
            color: white;
        }

        .bg-green {
            background-color: #1faf4b;
        }
    </style>
@endsection