@extends('mail.template')

@section('content')

<main class="bg_gray" style="overflow-x: hidden;">
    <div class="container" style="text-align: center;">
        <div class="row justify-content-center">
            <div class="col-md-5">
                <div id="confirm" style="display: flex; flex-direction: column; align-items: center;">
                    <img src="{{ asset('cross.png') }}" alt="">
                <h2>Payment Failed</h2>
                <p>There was an error processing your payment. Please try again or contact support!</p>
                <a href="{{ route('customer.order', $order->id) }}" class="btn btn-danger">View Order</a>
                </div>
            </div>
        </div>
        <!-- /row -->
    </div>
</main>


@endsection