@extends('frontend.master')

@section('title')
    Order Complete
@endsection

@section('content')
    <main class="main order">
        {{-- <!-- Start of Breadcrumb -->
        <nav class="breadcrumb-nav">
            <div class="container">
                <ul class="breadcrumb shop-breadcrumb bb-no">
                    <li class="passed"><a href="{{ route('checkout') }}">Checkout</a></li>
                    <li class="active"><a href="">Order Complete</a></li>
                </ul>
            </div>
        </nav>
        <!-- End of Breadcrumb --> --}}

        <!-- Start of PageContent -->
        <div class="page-content mb-10 pb-2 mt-3">
            <div class="container" style="margin-top: 50px;">
                <div class="row">
                    <div class="col-lg-7">
                        <img src="{{ asset('/frontend_assets/order.png') }}" alt=""
                            style="height: 250px; width: 80%; object-fit: cover;">
                    </div>

                    <div class="col-lg-5" style="margin-top: 100px;">
                        <div class="text-center text-dark" style="margin-bottom: 20px;">
                            <i class="fas fa-check" style="color: green; font-weight: bold;"></i>
                            Your order has been received. Invoice Number: {{ $invoiceId }}
                            <br>

                            <a href="{{ route('home') }}" class="btn btn-primary btn-sm" style="margin-top: 20px;">Shop
                                More</a>

                        </div>
                    </div>
                </div>


            </div>

        </div>
    </main>
@endsection