@extends('frontend.layout.main')
@section('main-container')
<style>
	.single-banner {
    	background: url('../../frontend/images/new/tranationhistery.png');
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: cover !important;
		padding: 100px 0px !important;
		position: relative !important;
		z-index: 1;
	}
</style>
<section class="single-banner dashboard-banner">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="single-content">
					<h2>{{ $PageHeading }}</h2>
					<ol class="breadcrumb">
						<li class="breadcrumb-item"><a href="#">Home</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{ $PageHeading }}</li>
					</ol>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="inner-section compare-part">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="table-scroll">
					<table class="table-list">
						<thead class="table-head">
							<tr>
								<th scope="col">Sr.</th>
								<th scope="col">Business Name</th>
								<th scope="col">Date</th>
								<th scope="col">Price</th>
								<th scope="col">Status</th>
								<!-- <th scope="col">Action</th> -->
							</tr>
						</thead>
						<tbody class="table-body">
						@foreach ($transactions as $index => $transaction)
							<tr>
								<td class="table-number">
									<h6>{{ $index + 1 }}</h6>
								</td>
								
								<td class="table-category">
									<h6><a href="#">
										
										@if ($transaction->businessAccount)
											<p> {{ $transaction->businessAccount->business_name }}</p>
										@endif
									</a></h6>
								</td>
								<td class="table-price">
									<h5> {{ $transaction->created_at }}</h5>
								</td>
								<td class="table-price">
									<h5> ${{ $transaction->amount }}</h5>
								</td>
								<td class="table-status">
									<h6 class="btn btn-primary">complete</h6>
								</td>
								<!-- <td class="table-action">
									<a href="ad-details-left.html" title="View Details" class="icon fas fa-eye"></a><button type="button" title="Ad Bookmark" class="icon wish fas fa-heart"></button></td> -->
							</tr>
						@endforeach
							
						</tbody>
					</table>
				</div>
				<!-- <div class="compare-btn center-50"><a href="#" class="btn btn-inline"><i class="fas fa-eye"></i><span>show more list</span></a></div> -->
			</div>
		</div>
	</div>
</section>
@endsection