@extends('ecommerce::layout.layout')

@section('content')

@include('ecommerce::layout.breadcrumb' , ['title' => __('ecommerce::ecommerce.order_placed_successfully')])

<section class="section-b-space light-layout">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="success-text">
                    <i class="fa fa-check-circle" aria-hidden="true"></i>
                    <h2>@lang('ecommerce::ecommerce.order_placed_successfully')</h2>
                    <p>@lang('ecommerce::ecommerce.start_shopping_message')</p>
                    <a href="{{ route('ecommerce.home') }}" class="btn btn-solid">@lang('ecommerce::ecommerce.continue_shopping')</a>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    .success-text {
        text-align: center;
        padding: 50px;
    }

    .success-text i {
        font-size: 100px;
        color: #28a745;
        margin-bottom: 20px;
    }

    .success-text h2 {
        text-transform: uppercase;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .success-text p {
        font-size: 18px;
        color: #777;
        margin-bottom: 30px;
    }

    .success-text .btn-solid {
        background-color: #306FAA !important;
        color: #EA993E !important;
        border: none;
    }

    .success-text .btn-solid:hover,
    .success-text .btn-solid:focus,
    .success-text .btn-solid:active {
        background-color: #EA993E !important;
        color: #306FAA !important;
        border: none;
    }
</style>

@endsection