@include('layouts.header')
			<!-- /Header -->
			
			@include('layouts.sidebar')
			<div class="page-wrapper">
				<div class="content">
					<div class="page-header justify-content-between">
						<div class="page-title">
							<h4>Tax Reports</h4>
							<h6>Manage your Tax Reports</h6>
						</div>
						<ul class="table-top-head">
							<li>
								<a data-bs-toggle="tooltip" data-bs-placement="top" title="Pdf"><img src="assets/img/icons/pdf.svg" alt="img"></a>
							</li>
							<li>
								<a data-bs-toggle="tooltip" data-bs-placement="top" title="Excel"><img src="assets/img/icons/excel.svg" alt="img"></a>
							</li>
							<li>
								<a data-bs-toggle="tooltip" data-bs-placement="top" title="Print"><i data-feather="printer" class="feather-rotate-ccw"></i></a>
							</li>
							<li>
								<a data-bs-toggle="tooltip" data-bs-placement="top" title="Refresh"><i data-feather="rotate-ccw" class="feather-rotate-ccw"></i></a>
							</li>
							<li>
								<a data-bs-toggle="tooltip" data-bs-placement="top" title="Collapse" id="collapse-header"><i data-feather="chevron-up" class="feather-chevron-up"></i></a>
							</li>
						</ul>
					</div>
					

					<!-- /product list -->
					<div class="card table-list-card">
						<div class="card-body">
							<div class="tabs-set">
								<ul class="nav nav-tabs" id="myTab" role="tablist">
									<li class="nav-item" role="presentation">
									  <button class="nav-link active" id="purchase-tab" data-bs-toggle="tab" data-bs-target="#purchase2" type="button" role="tab" aria-controls="purchase2" aria-selected="true">Purchase Tax Report</button>
									</li>
									<li class="nav-item" role="presentation">
									  <button class="nav-link" id="sales-tab" data-bs-toggle="tab" data-bs-target="#sales2" type="button" role="tab" aria-controls="sales2" aria-selected="false">Sales Tax Report</button>
									</li>
								</ul>
								  <div class="tab-content" id="myTabContent">
									<div class="tab-pane fade show active" id="purchase2" role="tabpanel" aria-labelledby="purchase-tab">
										<div class="table-top">
											<div class="search-set">
												<div class="search-input">
													<a href="" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
												</div>
											</div>
											<div class="search-path">
												<div class="d-flex align-items-center">
													<a class="btn btn-filter" id="filter_search">
														<i data-feather="filter" class="filter-icon"></i>
														<span><img src="assets/img/icons/closes.svg" alt="img"></span>
													</a>
													<a href="" class="me-3 layout-box"><i data-feather="layout" class="feather-search"></i></a>
												</div>
												
											</div>
											<div class="form-sort">
												<i data-feather="sliders" class="info-img"></i>
												<select class="select">
													<option>Sort by Date</option>
													<option>Newest</option>
													<option>Oldest</option>
												</select>
											</div>
										</div>
										<!-- /Filter -->
										<div class="card" id="filter_inputs">
											<div class="card-body pb-0">
												<div class="row">
													<div class="col-lg-2 col-sm-6 col-12">
														<div class="input-blocks">
															<i data-feather="zap" class="info-img"></i>
															<select class="select">
																<option>Choose Category</option>
																<option>Computers</option>
															</select>
														</div>
													</div>
													<div class="col-lg-2 col-sm-6 col-12">
														<div class="input-blocks">
															<i data-feather="credit-card" class="info-img"></i>
															<select class="select">
																<option>Payment Method</option>
																<option>Complete</option>
																<option>Inprogress</option>
															</select>
														</div>
													</div>
													<div class="col-lg-3 col-sm-6 col-12">
														<div class="input-blocks">
															<div class="position-relative daterange-wraper">
																<input type="text" class="form-control" name="datetimes" placeholder="From Date - To Date" >
																<i data-feather="calendar" class="feather-14 info-img"></i>
															</div>
														</div>
													</div>
													<div class="col-lg-3 col-sm-6 col-12 ms-auto">
														<div class="input-blocks">
															<a class="btn btn-filters ms-auto"> <i data-feather="search" class="feather-search"></i> Search </a>
														</div>
													</div>
												</div>
											</div>
										</div>
										<!-- /Filter -->
										<div class="table-responsive">
											<table class="table datanew">
												<thead>
													<tr>
														<th>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</th>
														<th>Supplier</th>
														<th>Date</th>
														<th>Ref No</th>
														<th>Total Amount</th>
														<th>Payment Method</th>
														<th>Discount</th>
														<th>Tax Amount</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td>Lavi</td>
														<td>12 Jul 2023</td>
														<td class="ref-number">#4237300</td>
														<td>$30,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>10</td>
														<td>$457</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td>Anthony</td>
														<td>18 Aug 2023</td>
														<td class="ref-number">#5628954</td>
														<td>$45,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/stripe.svg" alt="Pay"> </a>
														</td>
														<td>12</td>
														<td>$265</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td>Colleen</td>
														<td>27 Aug 2023</td>
														<td class="ref-number">#8745239</td>
														<td>$26,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/razorpay.svg" alt="Pay"> </a>
														</td>
														<td>08</td>
														<td>$980</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td>Victor</td>
														<td>05 Sep 2023</td>
														<td class="ref-number">#9814586</td>
														<td>$18,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>15</td>
														<td>$561</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td>Tracy</td>
														<td>23 Sep 2023</td>
														<td class="ref-number">#7590325</td>
														<td>$52,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>20</td>
														<td>$382</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									<div class="tab-pane fade" id="sales2" role="tabpanel" aria-labelledby="sales-tab">
										<div class="table-top">
											<div class="search-set">
												<div class="search-input">
													<a href="" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
												</div>
											</div>
											<div class="search-path">
												<a class="btn btn-filter" id="filter_search2">
													<i data-feather="filter" class="filter-icon"></i>
													<span><img src="assets/img/icons/closes.svg" alt="img"></span>
												</a>
											</div>
											<div class="form-sort">
												<i data-feather="sliders" class="info-img"></i>
												<select class="select">
													<option>Sort by Date</option>
													<option>Newest</option>
													<option>Oldest</option>
												</select>
											</div>
										</div>
										<!-- /Filter -->
										<div class="card" id="filter_inputs2">
											<div class="card-body pb-0">
												<div class="row">
													<div class="col-lg-2 col-sm-6 col-12">
														<div class="input-blocks">
															<i data-feather="zap" class="info-img"></i>
															<select class="select">
																<option>Choose Category</option>
																<option>Computers</option>
															</select>
														</div>
													</div>
													<div class="col-lg-2 col-sm-6 col-12">
														<div class="input-blocks">
															<i data-feather="credit-card" class="info-img"></i>
															<select class="select">
																<option>Payment Method</option>
																<option>Complete</option>
																<option>Inprogress</option>
															</select>
														</div>
													</div>
													<div class="col-lg-3 col-sm-6 col-12">
														<div class="input-blocks">
															<i data-feather="calendar" class="info-img"></i>
															<div class="input-groupicon">
																<input type="text" class="datetimepicker" placeholder="From Date - To Date" >
															</div>
														</div>
													</div>
													<div class="col-lg-3 col-sm-6 col-12 ms-auto">
														<div class="input-blocks">
															<a class="btn btn-filters ms-auto"> <i data-feather="search" class="feather-search"></i> Search </a>
														</div>
													</div>
												</div>
											</div>
										</div>
										<!-- /Filter -->
										<div class="table-responsive">
											<table class="table datanew">
												<thead>
													<tr>
														<th>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</th>
														<th>Customer</th>
														<th>Date</th>
														<th>Invoice Number</th>
														<th>Total Amount</th>
														<th>Payment Method</th>
														<th>Discount</th>
														<th>Tax Amount</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td class="userimgname">
															<a href="javascript:void(0);" class="product-img">
																<img src="assets/img/users/user-01.jpg" alt="product">
															</a>
															<a href="javascript:void(0);">Mitchum Daniel</a>
														</td>
														<td>12 Jul 2023</td>
														<td class="ref-number">INV4237300</td>
														<td>$30,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>10</td>
														<td>$457</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td class="userimgname">
															<a href="javascript:void(0);" class="product-img">
																<img src="assets/img/users/user-02.jpg" alt="product">
															</a>
															<a href="javascript:void(0);">Susan Lopez</a>
														</td>
														<td>04 Aug 2023</td>
														<td class="ref-number">INV5385083</td>
														<td>$27,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/stripe.svg" alt="Pay"> </a>
														</td>
														<td>08</td>
														<td>$382</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td class="userimgname">
															<a href="javascript:void(0);" class="product-img">
																<img src="assets/img/users/user-03.jpg" alt="product">
															</a>
															<a href="javascript:void(0);">Robert</a>
														</td>
														<td>25 Aug 2023</td>
														<td class="ref-number">INV7609368</td>
														<td>$45,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/razorpay.svg" alt="Pay"> </a>
														</td>
														<td>15</td>
														<td>$649</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td class="userimgname">
															<a href="javascript:void(0);" class="product-img">
																<img src="assets/img/users/user-04.jpg" alt="product">
															</a>
															<a href="javascript:void(0);">Russell Belle</a>
														</td>
														<td>16 Sep 2023</td>
														<td class="ref-number">INV2750916</td>
														<td>$18,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>12</td>
														<td>$104</td>
													</tr>
													<tr>
														<td>
															<label class="checkboxs">
																<input type="checkbox">
																<span class="checkmarks"></span>
															</label>
														</td>
														<td class="userimgname">
															<a href="javascript:void(0);" class="product-img">
																<img src="assets/img/users/user-05.jpg" alt="product">
															</a>
															<a href="javascript:void(0);">Edward Muniz</a>
														</td>
														<td>28 Oct 2023</td>
														<td class="ref-number">INV3478305</td>
														<td>$22,000</td>
														<td class="payment-info">
															<a href="javascript:void(0);"> <img src="assets/img/icons/pay.svg" alt="Pay"> </a>
														</td>
														<td>20</td>
														<td>$290</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>	
							</div>
						</div>
					</div>
					<!-- /product list -->
				</div>
			</div>
        </div>
		@include('layouts.footer')