@extends('layouts.frontlayout')
@section('content')

<!-- ==== Transaction Section Start ==== -->
<section class="dashboard_section transaction_section">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="dashboard_sec_area">
					<div class="dashboard_inner_area">
						<div class="left_sidebar match_height_col">
							@include('user.partials.profile_sidebar')
						</div>
						<div class="right_sec_area match_height_col">
							<div class="inner_right_area">
								<div class="user_breadcame">
									<div class="inner_user_breadcame">
										<div class="arrow-steps">
											<a href="{{route('homepage.index')}}" aria-label="Home">
												<div class="step current">
													<span>Home</span>
												</div>
											</a>
											<div class="step">
												<span>My Transactions</span>
											</div>
									    </div>
										<div class="back_to_shopping">
											<a href="{{route('products.index')}}" class="back_shop">Back to shopping</a>
										</div>
									</div>
								</div>
								<div class="user_information">
									<div class="transaction_area">
										<div class="table-responsive">
											<div class="product_listing">
												<div class="row appendListing">
													@if(isset($listing) && count($listing) > 0)
													<table class="table">
														<thead>
														    <tr>
														    	{{-- <th>ID</th> --}}
															    <th>Transaction ID</th>
															    <th>Order ID</th>
															    <th>Amount </th>
															    <th>Date</th>
															    <th>Status</th>
														    </tr>
														</thead>
														<tbody>
							                                @include('user.transactions.listingLoop')
														</tbody>
													</table>
													@else
						                            <h3 style="text-align: center; color: gray; margin-top: 40px;">No Data Found</h3>
						                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
						                                <div class="no_image text-center">
						                                    <img src="{{url('frontend/images/nodata.png')}}"  title="No Image" alt="No Image" fetchpriority="low">
						                                </div>
						                            </div>
						                            @endif
												</div>
												@include('frontend.partials.pagination_next',['pagination' => $listing,'url' => route('user.transactions')])
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Transaction Section End ==== -->

@endsection