@extends('installer.master')

@section('content')
<div class="success-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="success-wrapper text-center">
                    <span class="success-wrapper-icon">
                        <i class="fa fa-check"></i>
                    </span>
                    
                    <h4 class="mb-3">{{__('Thank You for Your Purchase')}}</h4>
                    <div>
                        <a href="{{route('website.home')}}" class="btn btn-primary w-100">{{__('Back To Home')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('style')
<style>
    .success-area {
        min-height: 100vh;
        padding: 50px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .btn-primary,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #1ED5A5;
        border-color: #1ED5A5;
    }

    .success-wrapper {
        padding: 40px;
        background: #fff;
    }

    .success-wrapper-icon {
        width: 65px;
        height: 65px;
        background-color: #1ED5A5;
        color: #fff;
        display: inline-flex;
        margin-bottom: 40px;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        font-size: 32px;
        box-shadow: 0 5px 10px #1ed5a554;
    }
</style>
@endpush