@extends('layouts.v2.frontend-user-backend')
@section('title', '| Order History')
@section('content')
<div class="multiple-form delivery-details">
  <h4>Order history</h4>
  <p></p>
  <div class="form">
    <div class="row">
      <div class="col-12">
          @if ($message = Session::get('order_history_success'))
            <div class="alert alert-success">
              {{ $message }}
            </div>
          @endif
          @if(isset($order_history_error) || $order_history_error = Session::get('order_history_error'))
            <div class="alert alert-danger">
                {{ $order_history_error }}
            </div>
          @endif
      </div>

      <div class="col-12 d-none">
          <a href="{{ route('userhomePage') }}" class="text-red fw-bolder">  <i class="fas fa-angle-left"></i> Back to Dashboard</a>
      </div>
        
      <div class="col-12">
        <div class="payment-form">
          <div class="table-container">
            <div id="orderHistoryTableContainer" class="table-responsive-sm table-responsive-md">
              @include('frontend.forms.v2.orders.orderHistoryTable') 
            </div>
            {{ $UserPaymentOrderData->links() }}
          </div>
        </div>
        <div class="alert alert-warning mt-3" role="alert">
          <strong>Note:</strong> It typically takes us <strong>24 to 48 hours</strong> to complete and upload your document. 
          You will receive an email notification once it is ready for download.
        </div>
      </div>

    </div>
  </div>
</div>
@endsection
@section('page-js')
<script>
    var  order_history_table_url= "{{ route('orderHistory') }}";
</script>
@endsection