@extends('layouts.frontend')

@section('title', '| Order History')

@section('content')

<section id="order-history-page">
  <div class="container">
      @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 class="row mb-3">
          <div class="col-12">
              <a href="{{ route('userhomePage') }}" class="text-red fw-bolder">  <i class="fas fa-angle-left"></i> Back to Dashboard</a>
          </div>
      </div>
  <div class="row mb-3">
   <div class="col-md-7 col-lg-9"><h3>Order History</h3></div>
   <div class="col-md-5 col-lg-3 text-start text-md-end text-lg-end">
         <input class="custom-input" id="searchInput" placeholder="Search" />
  </div>
  </div>
    <div id="orderHistoryTableContainer" class="table-responsive-sm table-responsive-md">
        @include('frontend.forms.orders.orderHistoryTable') 
    </div>
    
    {{ $UserPaymentOrderData->links() }}
    <br>
  </div>
</section>
@endsection
@section('page-js')
<script>
    var  order_history_table_url= "{{ route('orderHistory') }}";
</script>
@endsection