@extends('frontend.layouts.app')
@section('meta_title', 'Foodconn Corporate-Profile')
@section('content')
<main class="pageMainLayout__wr tradeDetailPage__wr offerPage__wr">
<section class="innerPageBnrWrap__wr tradeDetailPageBnr__wr offerPageBnr__wr">
	<div class="container">
		<div class="contentWrap__wr">
			<!-- <h6 class="bannerTitle__wr">Featured Products</h6> -->
			<ol class="breadcrumbWrap__wr">
				<li><a href="{{ links() }}">Home</a></li>
				<li>Trade Listings</li>
			</ol>
		</div>
	</div>
</section>
<section class="mainDetailWrapSec__wr">
	<div class="container">
		<div class="row">
			<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
				<div class="proImageWrap__wr">
					<div class="tradeSlider__wr">
						<div class="swiper tradeListProSwiper__wr">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<picture class="img__wr" data-fancybox="gallery" href="images/product-bg-06.jpg">
										<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										<span class="zoomIcon__wr">
											<img src="images/magnify-zoom-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="zoom-icon" title="zoom-icon" width="" height="">
										</span>
									</picture>
								</div>
								<div class="swiper-slide">
									<picture class="img__wr" data-fancybox="gallery" href="images/product-bg-06.jpg">
										<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										<span class="zoomIcon__wr">
											<img src="images/magnify-zoom-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="zoom-icon" title="zoom-icon" width="" height="">
										</span>
									</picture>
								</div>
								<div class="swiper-slide">
									<picture class="img__wr" data-fancybox="gallery" href="images/product-bg-06.jpg">
										<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										<span class="zoomIcon__wr">
											<img src="images/magnify-zoom-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="zoom-icon" title="zoom-icon" width="" height="">
										</span>
									</picture>
								</div>
								<div class="swiper-slide">
									<picture class="img__wr" data-fancybox="gallery" href="images/product-bg-06.jpg">
										<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										<span class="zoomIcon__wr">
											<img src="images/magnify-zoom-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="zoom-icon" title="zoom-icon" width="" height="">
										</span>
									</picture>
								</div>
								<div class="swiper-slide">
									<picture class="img__wr" data-fancybox="gallery" href="images/product-bg-06.jpg">
										<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										<span class="zoomIcon__wr">
											<img src="images/magnify-zoom-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="zoom-icon" title="zoom-icon" width="25" height="25">
										</span>
									</picture>
								</div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
					<div class="thumb__wr">
						<div thumbsSlider="" class="swiper tradeListProThumbSwiper__wr">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="itemWrap__wr">
										<picture class="img__wr">
											<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										</picture>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="itemWrap__wr">
										<picture class="img__wr">
											<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										</picture>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="itemWrap__wr">
										<picture class="img__wr">
											<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										</picture>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="itemWrap__wr">
										<picture class="img__wr">
											<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										</picture>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="itemWrap__wr">
										<picture class="img__wr">
											<img src="images/product-bg-06.jpg" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
										</picture>
									</div>
								</div>
							</div>
						</div>
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				</div>
			</div>
			<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
				<div class="proDetailWrap__wr">
					<div class="proBadgeWrap__wr">
						<span class="badge__wr badge-danger">Offer</span>
					</div>
					<div class="proBoxWrap__wr">
						<div class="wrapper__wr">
							<picture class="image__wr">
								<img src="images/alyasra-logo-bg.svg" loading="lazy" decoding="async" class="img-fluid" alt="company-logo-bg" title="company-logo-bg" width="108" height="44">
							</picture>
							<div class="infoWrap__wr">
								<p class="compName__wr">Alyasra Foods Co.</p>
								<div class="contryWrap__wr">
									<span class="flagIcon__wr"><img src="images/flags/flag-kuwait-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="flag-kuwait-icon" title="flag-kuwait-icon" width="25" height="18"></span>
									<p class="title__wr">Kuwait</p>
								</div>
							</div>
						</div>
						<span class="icon__wr"><i class="fa-solid fa-chevron-right"></i></span>
					</div>
					<div class="proInfoWrap__wr">
						<p class="dateInfo__wr">April 22, 2022</p>
						<p class="idInfo__wr">Listing ID: <span>11324</span></p>
						<p>If this offer matches your needs, <br>please contact us:</p>
						<div class="contactInfoWrap__wr">
							<a href="javascript:void(0);">
								<span class="icon__wr"><img src="images/envelope-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="email-icon" title="email-icon" width="25" height="18"></span>
								<span class="label__wr">Email</span>
							</a>
							<a href="javascript:void(0);">
								<span class="icon__wr"><img src="images/phone-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="phone-icon" title="phone-icon" width="18" height="18"></span>
								<span class="label__wr">Phone</span>
							</a>
							<a href="javascript:void(0);">
								<span class="icon__wr"><img src="images/web-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="phone-icon" title="phone-icon" width="18" height="18"></span>
								<span class="label__wr">Website</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="tableDetailWrapSec__wr">
	<div class="container">
		<div class="tableHeadWrap__wr">
			<h6 class="title__wr">Details</h6>
			<div class="optionWrap__wr">
				<a href="javascript:void(0);" aria-label="print" title="print"><img src="images/print-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="print-icon" title="print-icon" width="25" height="25"></a>
				<a href="javascript:void(0);" aria-label="share" title="share"><img src="images/share-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="share-icon" title="share-icon" width="25" height="25"></a>
			</div>
		</div>
		<div class="table-responsive tableBodyWrap__wr">
			<table class="table table-striped">
				<tr>
					<th>Product Family:</th>
					<td><a href="javascript:void(0);">Shrimps</a></td>
				</tr>
				<tr>
					<th>Product:</th>
					<td><a href="javascript:void(0);">Peeked Deveined Tail On (PDTO)</a></td>
				</tr>
				<tr>
					<th>Product Origin:</th>
					<td class="origin__wr">
						<ul>
							<li>
								<a href="javascript:void(0);">
									<div class="contryWrap__wr">
										<span class="flagIcon__wr"><img src="images/flags/flag-india-icon.svg" loading="lazy" decoding="async" class="img-fluid" alt="flag-icon" title="flag-icon" width="28" height="20"></span>
										<p class="title__wr">India</p>
									</div>
								</a>
							</li>
						</ul>
					</td>
				</tr>
				<tr>
					<th>Product Temperature:</th>
					<td>
						<ul>
							<li><a href="javascript:void(0);">Frozen</a></li>
						</ul>
					</td>
				</tr>
				<tr>
					<th>Product Brand:</th>
					<td><p>Ocean's Best</p></td>
				</tr>
				<tr>
					<th>Available for Export:</th>
					<td><a href="javascript:void(0);">Yes</a></td>
				</tr>
				<tr>
					<th style="vertical-align: top;">Product Specifications:</th>
					<td><p>Peeled - Divined - Vennamei shrimps - Frozen count 11/15 per LB. Glazing in 30%.<br>All Shrimps are quick frozen after catch and inspection</p></td>
				</tr>
				<tr>
					<th>Production Date:</th>
					<td><a href="javascript:void(0);">15/03/2022</a></td>
				</tr>
				<tr>
					<th>Expiry Date:</th>
					<td><a href="javascript:void(0);">14/03/2023</a></td>
				</tr>
				<tr>
					<th>Unit of Measure (UOM):</th>
					<td><a href="javascript:void(0);">Kilogram - KG</a></td>
				</tr>
				<tr>
					<th>Currency:</th>
					<td><a href="javascript:void(0);">Kuwait Dinar - KWD</a></td>
				</tr>
				<tr>
					<th>Packaging Size:</th>
					<td><p>1 Kg per Bag</p></td>
				</tr>
				<tr>
					<th>Available Quantity (per UOM):</th>
					<td><p>3000</p></td>
				</tr>
				<tr>
					<th>Minimum Order (per UOM):</th>
					<td><p>50</p></td>
				</tr>
				<tr>
					<th>Price (per UOM):</th>
					<td><p>3.000</p></td>
				</tr>
				<tr>
					<th>Delivery Terms:</th>
					<td><p>Ex Warehouse</p></td>
				</tr>
				<tr>
					<th>Product Location:</th>
					<td><p>Subhan - Kuwait</p></td>
				</tr>
				<tr>
					<th>Offer Valid Until:</th>
					<td><a href="javascript:void(0);">30/04/2022</a></td>
				</tr>
			</table>
		</div>
	</div>
</section>
@endsection