@extends('frontend.layouts.app')
@section('meta_title', 'Foodconn Corporate-Profile')
@section('content')
<main class="pageMainLayout__wr corporateProfilePage__wr">
<section class="innerPageBnrWrap__wr corporateProfilePageBnr__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><a href="{{ route('listing.fd-universe') }}">Foodconn Universe</a></li>
				<li>{{ $vendor->name }}</li>
			</ol>
		</div>
	</div>
</section>
<section class="corporateProWrapSec__wr">
	<div class="container">
		<div class="row align-items-md-center">
			<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
				<div class="profilePicBoxWrap__wr">
					{{-- <picture class="overlayLogoBg__wr">
						<img src="{{ uploaded_asset($vendor->cover_image ?? 'dummy') }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="250" height="102">
					</picture>--}}
					<picture class="profileMainImage__wr">
						<img src="{{ uploaded_asset($vendor->cover_image ?? 'dummy') }}" loading="lazy" decoding="async" class="img-fluid" alt="corporate-profile-bg" title="corporate-profile-bg" width="" height="">
					</picture> 
				</div>
			</div>
			<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
				<div class="profileInfoWrap__wr">
					<div class="wrapper__wr">
						<picture class="image__wr">
							<img src="{{ uploaded_asset($vendor->user_logo ?? 'dummy') }}" 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">{{ $vendor->name }}</p>
							<div class="contryWrap__wr">
								<span class="flagIcon__wr"><img src="{{ static_asset('backend/images/flags/'.strtolower($vendor->country->code).'.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">{{ $vendor->country->name }}</p>
							</div>
						</div>
					</div>
					<div class="contactInfoWrap__wr">
						<a href="mailto:{{ $vendor->email }}">
							<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="tel:{{ $vendor->phone }}">
							<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="{{ $vendor->website }}" target="_blank">
							<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>
</section>
<section class="tableDetailWrapSec__wr">
	<div class="container">
		<div class="tableHeadWrap__wr">
			<h6 class="title__wr">Company Information</h6>
			<div class="optionWrap__wr">
				<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">
				@if ($vendor->user_domains->isNotEmpty())
				<tr>
					<th>Business Domains:</th>
				</tr>
				<tr>
					<td>
						<ul>
							@foreach ($vendor->user_domains as $item)
							<li>
								<a href="javascript:void(0);"><span class="icon__wr"><img src="{{ uploaded_asset($item->domain->icon) }}" loading="lazy" decoding="async" class="img-fluid" alt="Distribution" title="Distribution" width="20" height="20"></span><span class="labelText__wr">{{ $item->domain->name }}</span></a>
							</li>
							@endforeach
						</ul>
					</td>	
					{{-- 
					@if ($vendor->user_domains->isNotEmpty())
						<td>
							<ul>
								@if ($vendor->user_domains->isNotEmpty())
									@foreach ($vendor->user_domains as $item)
									<li>
										<a href="javascript:void(0);"><span class="icon__wr"><img src="{{ uploaded_asset($item->domain->icon) }}" loading="lazy" decoding="async" class="img-fluid" alt="Distribution" title="Distribution" width="20" height="20"></span><span class="labelText__wr">{{ $item->domain->name }}</span></a>
									</li>
									@endforeach
								@endif
							</ul>
						</td>
					@else
						<td><p class="text-muted fst-italic"></p>Not specified</td>
					@endif
					--}}
				</tr>
				@endif
				@if ($vendor->user_activity->isNotEmpty())
				<tr>
					<th>Business Activities:</th>
				</tr>
				<tr>
					<td>
						<ul>
							@foreach ($vendor->user_activity as $item)
								<li><a href="javascript:void(0);">{{ $item->businessactivity->name }}</a></li>
							@endforeach
						</ul>
					</td>
					{{--
					@if ($vendor->user_activity->isNotEmpty())
					<td>
						<ul>
							@if ($vendor->user_activity->isNotEmpty())
								@foreach ($vendor->user_activity as $item)
									<li><a href="javascript:void(0);">{{ $item->businessactivity->name }}</a></li>
								@endforeach
							@endif
						</ul>
					</td>
					@else
						<td><p class="text-muted fst-italic"></p>Not specified</td>
					@endif
					--}}
				</tr>
				@endif

				@if ($vendor->user_specialization->isNotEmpty())
				<tr>
					<th>Product Specialization:</th>
				</tr>
				<tr>
					<td>
						<ul>
							@foreach ($vendor->user_specialization as $item)
								<li><a href="javascript:void(0);">{{ $item->specialization ? $item->specialization->name : '' }}</a></li>
							@endforeach
						</ul>
					</td>
					{{-- 
					@if ($vendor->user_specialization->isNotEmpty())
						<td>
							<ul>
								@if ($vendor->user_specialization->isNotEmpty())
									@foreach ($vendor->user_specialization as $item)
										<li><a href="javascript:void(0);">{{ $item->specialization ? $item->specialization->name : '' }}</a></li>
									@endforeach
								@endif
							</ul>
						</td>
					@else
						<td><p class="text-muted fst-italic"></p>Not specified</td>
					@endif
					--}}
				</tr>
				@endif

				@if($vendor->about != null)
				<tr>
					<th>About:</th>
				</tr>
				<tr>
					<td><p>{{ $vendor->about }}</p></td>
					{{-- @if($vendor->about != null)
						<td><p>{{ $vendor->about }}</p></td>
					@else
						<td><p class="text-muted fst-italic"></p>Not specified</td>
					@endif --}}
				</tr>
				@endif

				@if ($vendor->user_agents->isNotEmpty())
				<tr>
					<th>Our Agents / Distributors:</th>
				</tr>
				<tr>
					<td class="agent__wr">
						<ul>
								@foreach ($vendor->user_agents as $item)
									<li>
										<div class="itemWrapper__wr">
											<a href="{{route('corporate-profile', encrypt($item->agent->id))}}" style="cursor:pointer;">
												<picture class="image__wr">
													<img src="{{ uploaded_asset($item->agent->user_logo) }}" 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">{{ $item->agent->name }}</p>
													<div class="contryWrap__wr">
														<span class="flagIcon__wr"><img src="{{ static_asset('backend/images/flags/'.strtolower($item->agent->country->code.'.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">{{ $item->agent->country->name }}</p>
													</div>
												</div>
											</a>
										</div>
									</li>
								@endforeach
						</ul>
					</td>
				</tr>
				@endif	
			</table>
		</div>
	</div>
</section>
@if ($featured_products->isNotEmpty())
<section class="featureProSec__wr">
	<div class="container">
		<div class="secTitle__wr">
			<h1 class="secTitle__wr">Featured Products</h1>
		</div>
		<div class="row">
			@if ($featured_products->isNotEmpty())
				@foreach ($featured_products as $featured_product)
					<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
						<div class="proBlockWrap__wr">
							<div class="imageParentWrap__wr">
								<div class="owl-carousel owl-theme proImageSlider__wr">
									@foreach (get_listing_banner_img($featured_product->id) as $feature_img)
										<div class="item">
											<div class="itemWrapper__wr">
												<picture class="image__wr">
													<a href="{{route('listing.featured-product-details', encrypt($featured_product->id))}}">
														<img src="{{ uploaded_asset($feature_img->banner_image) }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
													</a>
												</picture>
											</div>
										</div>
									@endforeach
								</div>
							</div>
						</div>
					</div>
				@endforeach
			@endif
		</div>
		<div class="btnParent__wr">
			<a href="{{route('listing.featured-products', ['vendor' => $vendor->name])}}" class="btn btn__wr">See All</a>
		</div>
	</div>
</section>
@endif
@if ($all_listings->isNotEmpty() && $demands->isNotEmpty() && $offers->isNotEmpty())
<section class="tradeListWrapSec__wr tradeListingWrapSec__wr">
	<div class="container">
		<div class="secTitle__wr">
			<h3 class="secTitle__wr">Trade Listings</h3>
		</div>
		<div class="tabBtnsWrap__wr">
			<a href="javascript:void(0);" class="tabBtn__wr active" data-tag="all__wr">ALL</a>
			<a href="javascript:void(0);" class="tabBtn__wr" data-tag="demand__wr">Demand</a>
			<a href="javascript:void(0);" class="tabBtn__wr" data-tag="offer__wr">Offer</a>
		</div>
	</div>
	<div class="tabContentParentWrap__wr">
		<div class="tabContentWrap__wr active fades" id="all__wr">
			<div class="container">
				<div class="row">
					@if ($all_listings->isNotEmpty())
						@foreach ($all_listings as $listing)
							<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
								<div class="proParentWrap__wr">
									<div class="proInfoWrap__wr">
										<span class="badge__wr @if($listing->listing_type == 'offer') badge-danger
											@elseif($listing->listing_type == 'demand') badge-success @endif">{{ ucfirst($listing->listing_type) }}</span>
										<span class="date__wr">{{ date('F d Y', strtotime($listing->created_at)) }}</span>
									</div>
									<picture class="image__wr">
										<a href="{{route('listing.trade-listing-details', encrypt($listing->id))}}">
											@if ($listing->listing_images->first() != null)
											<img src="{{ uploaded_asset($listing->listing_images->first()->image) }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@else
												<img src="{{ uploaded_asset('dummy') }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@endif										</a>
									</picture>
									<div class="proDetailWrap__wr">
										<div class="wrapper__wr family__wr">
											<span class="heading__wr">Product Family:</span>
											@if ($listing->list_families->isNotEmpty())
												@foreach ($listing->list_families as $item)
												<span class="text__wr"><a href="javascript:void(0)">{{ $item->family->name }} </a></span>
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr name__wr">
											<span class="heading__wr">Product:</span>
											@if ($listing->list_product->isNotEmpty())
												@foreach ($listing->list_product as $item)
													<span class="text__wr">{{ $item->product->name }}</span>
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr origin__wr">
											<span class="heading__wr">Product Origin:</span>
											<div class="contryWrap__wr">
												<div class="contry__wr">
													
													@if ($listing->list_origin->isNotEmpty())
														@foreach ($listing->list_origin as $item)
															<a href="javascript:void(0);">
																<span class="flagIcon__wr"><img src="{{ static_asset('backend/images/flags/'.strtolower($item->origin->code).'.svg') }}" loading="lazy" decoding="async" class="img-fluid" alt="flag-india-icon" title="flag-india-icon" width="25" height="18"></span>
																<p class="title__wr">{{ $item->origin->name }}</p>
															</a>
														@endforeach
													@endif
												</div>	
											</div>
										</div>
									</div>
								</div>
							</div>
						@endforeach
					@endif
				</div>
			</div>
		</div>
		<div class="tabContentWrap__wr" id="demand__wr">
			<div class="container">
				<div class="row">
					@if ($demands->isNotEmpty())
						@foreach ($demands as $listing)
							<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
								<div class="proParentWrap__wr">
									<div class="proInfoWrap__wr">
										<span class="badge__wr badge-success">{{ ucfirst($listing->listing_type) }}</span>
										<span class="date__wr">{{ date('F d Y', strtotime($listing->created_at)) }}</span>
									</div>
									<picture class="image__wr">
										<a href="{{route('listing.trade-listing-details', encrypt($listing->id))}}">
											@if ($listing->listing_images->first() != null)
											<img src="{{ uploaded_asset($listing->listing_images->first()->image) }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@else
											<img src="{{ uploaded_asset('dummy') }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@endif										</a>
									</picture>
									<div class="proDetailWrap__wr">
										<div class="wrapper__wr family__wr">
											<span class="heading__wr">Product Family:</span>
											@if ($listing->list_families->isNotEmpty())
												@foreach ($listing->list_families as $item)
												&nbsp;	<span class="text__wr"><a href="javascript:void(0)">{{ $item->family->name }} </a></span>&nbsp;
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr name__wr">
											<span class="heading__wr">Product:</span>
											@if ($listing->list_product->isNotEmpty())
												@foreach ($listing->list_product as $item)
													<span class="text__wr">{{ $item->product->name }}</span>
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr origin__wr">
											<span class="heading__wr">Product Origin:</span>
											<div class="contryWrap__wr">
												<div class="contry__wr">
													
													@if ($listing->list_origin->isNotEmpty())
														@foreach ($listing->list_origin as $item)
															<a href="javascript:void(0);">
																<span class="flagIcon__wr"><img src="{{ static_asset('backend/images/flags/'.strtolower($item->origin->code).'.svg') }}" loading="lazy" decoding="async" class="img-fluid" alt="flag-india-icon" title="flag-india-icon" width="25" height="18"></span>
																&nbsp;<p class="title__wr">{{ $item->origin->name }}</p>
															</a>
														@endforeach
													@endif
												</div>	
											</div>
										</div>
									</div>
								</div>
							</div>
						@endforeach
					@endif
				</div>
			</div>
		</div>
		<div class="tabContentWrap__wr" id="offer__wr">
			<div class="container">
				<div class="row">
					@if ($offers->isNotEmpty())
						@foreach ($offers as $listing)
							<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
								<div class="proParentWrap__wr">
									<div class="proInfoWrap__wr">
										<span class="badge__wr badge-danger">{{ ucfirst($listing->listing_type) }}</span>
										<span class="date__wr">{{ date('F d Y', strtotime($listing->created_at)) }}</span>
									</div>
									<picture class="image__wr">
										<a href="{{route('listing.trade-listing-details', encrypt($listing->id))}}">
											@if ($listing->listing_images->first() != null)
												<img src="{{ uploaded_asset($listing->listing_images->first()->image) }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@else
												<img src="{{ uploaded_asset('dummy') }}" loading="lazy" decoding="async" class="img-fluid" alt="product-bg" title="product-bg" width="" height="">
											@endif										</a>
									</picture>
									<div class="proDetailWrap__wr">
										<div class="wrapper__wr family__wr">
											<span class="heading__wr">Product Family:</span>
											@if ($listing->list_families->isNotEmpty())
												@foreach ($listing->list_families as $item)
												&nbsp;	<span class="text__wr"><a href="javascript:void(0)">{{ $item->family->name }} </a></span>&nbsp;
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr name__wr">
											<span class="heading__wr">Product:</span>
											@if ($listing->list_product->isNotEmpty())
												@foreach ($listing->list_product as $item)
													<span class="text__wr">{{ $item->product->name }}</span>
												@endforeach
											@endif
										</div>
										<div class="wrapper__wr origin__wr">
											<span class="heading__wr">Product Origin:</span>
											<div class="contryWrap__wr">
												<div class="contry__wr">
													
													@if ($listing->list_origin->isNotEmpty())
														@foreach ($listing->list_origin as $item)
															<a href="javascript:void(0);">
																<span class="flagIcon__wr"><img src="{{ static_asset('backend/images/flags/'.strtolower($item->origin->code).'.svg') }}" loading="lazy" decoding="async" class="img-fluid" alt="flag-india-icon" title="flag-india-icon" width="25" height="18"></span>
																&nbsp;<p class="title__wr">{{ $item->origin->name }}</p>
															</a>
														@endforeach
													@endif
												</div>	
											</div>
										</div>
									</div>
								</div>
							</div>
						@endforeach
					@endif
				</div>
			</div>
		</div>
	</div>
	<div class="btnParent__wr">
		<div class="container">
			<a href="{{route('listing.trade-listings', ['vendor'=> $vendor->name])}}" class="btn btn__wr" id="see_all">See All</a>
		</div>
	</div>
</section>
@endif
@endsection
@section('script')
	<script>
		$('.tabBtn__wr').click(function(){
			var url = "{{route('listing.trade-listings')}}";
			var vendor_name = "{{$vendor->name}}";
			if($(this).data('tag') == 'demand__wr'){
				url = url+'?list_type=demand&vendor='+vendor_name.replace(/ /g, '+');
			}
			if($(this).data('tag') == 'offer__wr'){
				url = url+'?list_type=offer&vendor='+vendor_name.replace(/ /g, '+');
			}
			if($(this).data('tag') == 'all__wr'){
				url = url+'?vendor='+vendor_name.replace(/ /g, '+');
			}
			$('#see_all').attr("href", url);
		})
	</script>					
@endsection