@extends('layouts.frontend')

@section('content')
	<!--====== BANNER PART START ======-->
	<section class="banner-area bg_cover">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="banner-content">
						<h1 class="text-white"> Favorites </h1>
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="{{ url('/')}}">Home</a></li>
								<li class="breadcrumb-item active" aria-current="page">Favorites</li>
							</ol>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--====== BANNER PART END ======-->

	<!--====== DASHBOARD PART START ======-->
	<section class="dashboard-area pb-110">
		<div class="container">
			<div class="row">
				<div class="col-xl-3 col-lg-4">
					<div class="left-sidebar-wrapper box-style">
						<div class="sidebar-header">
							<div class="image">
								<img src="{{ asset('assets/images/dashboard/profile-img.png') }}" alt="">
							</div>
							<div class="info">
								<h3>{{ Auth::user()->name }}</h3>
								<!-- <p class="mb-30">Director at Uideck.com</p> -->
							</div>
						</div>

						<div class="sidebar-menu">
							<nav>
								<ul>
									<li>
										<a href="{{ route('dashboard')}}" ><i class="lni lni-dashboard"></i>Dashboard</a>
									</li>
									<li>
										<a href="{{ route('profile-settings') }}"><i class="lni lni-cog"></i>Profile Settings</a>
									</li>
									<li>
										<a href="{{ route('post-ad')}}"><i class="lni lni-cog"></i>Post Ad</a>
									</li>
									<li>
										<a href="{{ route('my-ads')}}"><i class="lni lni-layers"></i>My Ads</a>
									</li>
									<!-- <li>
										<a href="{{ route('offers')}}"><i class="lni lni-envelope"></i>Offers / Message</a>
									</li>
									<li>
										<a href="{{ route('payments')}}"><i class="lni lni-paypal"></i>Payments</a>
									</li> -->
									<li>
										<a href="{{ route('favorites')}}" class="active"><i class="lni lni-heart"></i>My Favorites</a>
									</li>
									<!-- <li>
										<a href="{{ route('privacy')}}"><i class="lni lni-star"></i>Privacy Settings</a>
									</li> -->
									<li>
										<a href="{{ route('logout') }}"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"><i class="lni lni-exit"></i>Sign Out</a>
                                                     <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                        @csrf
                                    </form>
									</li>
								</ul>
							</nav>
							
						</div>
					</div>
				</div>

				<div class="col-xl-9 col-lg-8">
					<div class="dashboard-wrapper box-style">
						<div class="title">
							<h3>Overview</h3>
							<span class="main-btn">Last 15 Days</span>
						</div>

						<div class="cards-wrapper">
							<div class="row">
								<div class="col-md-4">
									<div class="box-style single-card">
										<div class="icon">
											<i class="lni lni-notepad"></i>
										</div>
										<div class="text">
											<h5>Total Ad Posted</h5>
											<p>400 Add Posted</p>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="box-style single-card">
										<div class="icon">
											<i class="lni lni-add-files"></i>
										</div>
										<div class="text">
											<h5>Feature Ads</h5>
											<p>90 Add Posted</p>
										</div>
									</div>
								</div>
								<div class="col-md-4">
									<div class="box-style single-card">
										<div class="icon">
											<i class="lni lni-envelope"></i>
										</div>
										<div class="text">
											<h5>Offers / Message</h5>
											<p>233 Messages</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="table-wrapper table-responsive">
							<table class="table">
								<thead>
									<tr>
										<th>
											Photo
										</th>
										<th>
											Title
										</th>
										<th>
											Category
										</th>
										<th>
											Ad Status
										</th>
										<th>
											Price
										</th>
										<th>
											Action
										</th>
									</tr>
								</thead>
								<tbody>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault1">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn">ACTIVE</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault2">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn">ACTIVE</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault3">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn bg-light text-dark">INACTIVE</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault4">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn bg-secondary">SOLD</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault5">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn bg-warning">EXPIRED</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
									<tr>
										<td>
											<div class="image">
												<div class="form-check check-style">
													<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault6">
												</div>
												<img src="assets/images/product/product-thumb-1.jpg" width="100" alt="">
											</div>
										</td>
										<td>
											<h6>8 GB DDR4 Ram, 4th Gen</h6>
											<span class="ad-id">Ad ID: ng3D5hAMHPajQrM</span>
										</td>
										<td>
											<span class="category">Ram & Laptop</span>
										</td>
										<td>
											<span class="status-btn bg-danger">DELETE</span>
										</td>
										<td>
											<p>$20.99</p>
										</td>
										<td>
											<div class="action-btns">
												<a href="javascript:void(0)" class="eye-btn"><i class="lni lni-eye"></i></a>
												<a href="javascript:void(0)" class="edit-btn"><i class="lni lni-pencil"></i></a>
												<a href="javascript:void(0)" class="delete-btn"><i class="lni lni-trash"></i></a>
											</div>
										</td>
									</tr>
							
								</tbody>
							</table>
						</div>

					</div>
				</div>
			</div>
		</div>
	</section>
	<!--====== DASHBOARD PART END ======-->
@endsection