@extends('layouts.user-inner')
  @section('content') 
   <!-- Ec breadcrumb start -->
   <div class="sticky-header-next-sec  ec-breadcrumb">
       <div class="container">
           <div class="row">
               <div class="col-12">
                   <div class="row ec_breadcrumb_inner">
                       <div class="col-md-12 col-sm-12">
                           <!-- ec-breadcrumb-list start -->
                           <ul class="ec-breadcrumb-list">
                               <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                               <li class="ec-breadcrumb-item active">Order Success</li>
                           </ul>
                           <!-- ec-breadcrumb-list end -->
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <!-- Ec breadcrumb end -->

   <!--ORDER SUCCESS-->
   

   <section id="order_complet_area" style="padding-top: 60px;padding-bottom: 80px;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="text-center order_complete">
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <div class="order_complete_heading">
                        <h2>Your order is completed!</h2>
                    </div>
                    <h4 style="text-align:center;">Order ID: {{ Session::get('order_unique_id') }}</h4>
                    <p>Thank you for your order! Your order is being processed and will be completed within 3-6 hours. You will receive an email confirmation when your order is completed.</p>

                </div>
                <div class="w-100 text-center mt-4">
                    <a href="javascript:void(0);" onclick="navigator.clipboard.writeText(`{{ Session::get('order_unique_id') }}`);swal('OrderID Copied Successfully','','success');" class="btn-successs"><i class="fa fa-copy"></i> Copy Order ID</a>
                    <a href="/products" class="btn-successs">Continue Shopping</a>
                </div>
            </div>

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


@endsection