@extends('frontend.layouts.master')

@section('frontcontent')
<style>
    #thank-you-section {
        padding: 40px 0;

        .thank-you-content {
            h1 {
                color: #2b78be;
                font-weight: 500;
                text-transform: capitalize;
            }

            p {
                font-size: 18px;
                margin-bottom: 0;
                padding: 12px 0;
                text-transform: capitalize;
            }
        }

        .back-btn {
            a {
                background-color: #2b78be;
                border: none;
                border-radius: 12px;
                color: #fff;
                padding: 8px 14px;
            }
        }
    }

</style>
<div class="row">
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-block">
        {{-- <button type="button" class="close" data-dismiss="alert">×</button> --}}
        <strong>{{ $message }}</strong>
    </div>
    @endif
    @if ($message = Session::get('error'))
    <div class="alert alert-danger alert-block">
        {{-- <button type="button" class="close" data-dismiss="alert">×</button> --}}
        <strong>{{ $message }}</strong>
    </div>
    @endif
</div>
<section id="thank-you-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="images">
                    <img src="{{ asset('frontend/images/thank-you-img.png') }}" alt="" class="img-fluid ">
                </div>
            </div>
            <div class="col-lg-6 my-auto ">
                <div class="thank-you-content text-center">
                    <h1>Thank You!</h1>
                    <p>order has been successfully</p>
                </div>
                <div class="back-btn text-center">
                    <a href="/" class="btn btn-primary">Back to Home</a>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection