| Current File : /home/tradevaly/public_html/resources/views/frontend/pages/buyers.blade.php |
@extends('frontend.layouts.app')
@push('css')
@endpush
@section('content')
<div class="bread">
<div class="container">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ route('homepage') }}">{{ translate('Home') }}</a></li>
<li class="breadcrumb-item active">
{{ translate('List of Worldwide Buyers, Importers, Traders, and Distributors | Trade Valy') }}</li>
</ol>
</div>
</div>
<section class="menu-banner-lg banner-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="page-title">Find Your Buyers</h1>
</div>
@if (!Auth::user())
<div class="col-md-4">
<section class="quote-now d-md-none d-lg-block d-xl-block pt-3 mt-3">
@include('frontend.utils.tellus')
</section>
</div>
@else
<div class="side-nav-dark my_own_custom_style col-md-4 d-none d-lg-block">
@include('frontend.utils.auth_sidebar')
</div>
@endif
<div class=" col-md-8 buyer_slider h-100">
@foreach($top_banners as $banner )
<a href="{{ $banner->link }}" class="h-100 d-block">
<img src="{{asset('storage/images/admin/banner/'.$banner['image'])}}" class="img-fluid h-100"/>
</a>
@endforeach
</div>
</div>
</div>
</section>
<!--/************************** Search Tags ****************************/--->
<section class="topSupplierKeywords mt-4 mb-3">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body imp-top">
<div class="buying-lead-row topImporterKeywordComponent">
<h6>{{ translate('Top Buying Leads') }}</h6>
<ul>
@foreach ($tags as $tag)
<li><a title="{{ translate($tag->name) }}">{{ translate($tag->name) }}</a></li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-------------Latest Buy Offer ------------------------------------------------------->
<section class="hm-sec1 latestBuyOfferComponent">
<div class="container">
<div class="row">
<div class="col-md-12 no-border pad-right-15">
<h4 class="hd-rd-brdr hd-inner-link">{{ translate('Latest Buy Offers') }} <a href="#"
title="Latest Buy Offers">- {{ translate('View More') }} -</a></h4>
<div class="latest-buyers">
<div class="row">
<div class="col-md-6">
<ul>
@php
$i = 0;
@endphp
@foreach ($buyoffer as $offer)
@php
$i++;
@endphp
@if($offer->country)
<li>
<a href="{{ route('buy.view', $offer->slug) }}" title="{{ $offer->title }}">
<i class="fi fi-{{ strtolower($offer->country->iso) }}"> </i>
<span
class="world-name truncate">{{ translate($offer->country->nicename) }}</span>
<span class="lst-buyer-text truncate">{{ translate($offer->title) }}</span>
<small
class="date">{{ date('d F, Y', strtotime($offer->created_at)) }}</small>
</a>
</li>
@endif
@if ($i % 10 == 0)
</ul>
</div>
<div class="col-md-6">
<ul>
@endif
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-----------------Cant Find a buyers Connect With Us----------------------------------->
<section class="container mb-2 mt-5">
<div class="box-shadow">
<div class="row">
<div class="col-md-12">
<h3 class="top-heading text-uppercase">{{ translate('products') }}
<span></span>{{ translate(' that meets your requirement exactly?') }}</h3>
<div class="row">
<div class="col-md-6 pr-md-2">
<div class="connect-buyer text-center">
<img src=" {{ asset('assets/frontend/img/trade-with-confidence.svg') }}"
alt="Trade with Confidence" class="lazy" width="80" height="80">
<h6 class="text-uppercase">{{ translate('Can not find the') }}Trade with
<br><span>{{ translate('Confidence') }}</span></h6>
</div>
</div>
<div class="col-md-6 pl-md-2">
<div class="connect-buyer text-center">
<img src=" {{ asset('assets/frontend/img/free-quotes-from-sellers.svg') }}"
alt="Free quotes from Sellers" class="lazy" width="80" height="80">
<h6 class="text-uppercase">{{ translate('Free quotes from') }}
<br><span>{{ translate('Sellers') }}</span></h6>
</div>
</div>
<div class="col-md-6 pr-md-2">
<div class="connect-buyer text-center">
<img src=" {{ asset('assets/frontend/img/verified-connected-buyers.svg') }}"
alt="Verified Connected Buyers" class="lazy" width="80" height="80">
<h6 class="text-uppercase">{{ translate('Verified Connected') }}
<br><span>{{ translate('Buyers') }}</span></h6>
</div>
</div>
<div class="col-md-6 pl-md-2">
<div class="connect-buyer text-center">
<img src=" {{ asset('assets/frontend/img/24-7-help-center.svg') }}" alt="24/7 Help Center"
class="lazy" width="80" height="80">
<h6 class="text-uppercase">{{ translate('24/7') }}
<br><span>{{ translate('Help Center') }}</span></h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--------------------- Alpabatically Search Option------------------------------>
<section class="buyer-filter-col buyOfferKeywordsComponent">
<div class="container">
<div class="buyer-filter-alphabet-row">
<ul>
<li>
<a class="active" data-initial-toggle="A" rel="nofollow" href="javascript:;" title="A"
>A</a>
</li>
<li>
<a data-initial-toggle="B" rel="nofollow" href="javascript:;" title="B" class="">B</a>
</li>
<li>
<a data-initial-toggle="C" rel="nofollow" href="javascript:;" title="C">C</a>
</li>
<li>
<a data-initial-toggle="D" rel="nofollow" href="javascript:;" title="D" class="">D</a>
</li>
<li>
<a data-initial-toggle="E" rel="nofollow" href="javascript:;" title="E">E</a>
</li>
<li>
<a data-initial-toggle="F" rel="nofollow" href="javascript:;" title="F">F</a>
</li>
<li>
<a data-initial-toggle="G" rel="nofollow" href="javascript:;" title="G">G</a>
</li>
<li>
<a data-initial-toggle="H" rel="nofollow" href="javascript:;" title="H">H</a>
</li>
<li>
<a data-initial-toggle="I" rel="nofollow" href="javascript:;" title="I">I</a>
</li>
<li>
<a data-initial-toggle="J" rel="nofollow" href="javascript:;" title="J">J</a>
</li>
<li>
<a data-initial-toggle="K" rel="nofollow" href="javascript:;" title="K">K</a>
</li>
<li>
<a data-initial-toggle="L" rel="nofollow" href="javascript:;" title="L">L</a>
</li>
<li>
<a data-initial-toggle="M" rel="nofollow" href="javascript:;" title="M">M</a>
</li>
<li>
<a data-initial-toggle="N" rel="nofollow" href="javascript:;" title="N">N</a>
</li>
<li>
<a data-initial-toggle="O" rel="nofollow" href="javascript:;" title="O">O</a>
</li>
<li>
<a data-initial-toggle="P" rel="nofollow" href="javascript:;" title="P">P</a>
</li>
<li>
<a data-initial-toggle="Q" rel="nofollow" href="javascript:;" title="Q">Q</a>
</li>
<li>
<a data-initial-toggle="R" rel="nofollow" href="javascript:;" title="R">R</a>
</li>
<li>
<a data-initial-toggle="S" rel="nofollow" href="javascript:;" title="S">S</a>
</li>
<li>
<a data-initial-toggle="T" rel="nofollow" href="javascript:;" title="T">T</a>
</li>
<li>
<a data-initial-toggle="U" rel="nofollow" href="javascript:;" title="U">U</a>
</li>
<li>
<a data-initial-toggle="V" rel="nofollow" href="javascript:;" title="V">V</a>
</li>
<li>
<a data-initial-toggle="W" rel="nofollow" href="javascript:;" title="W">W</a>
</li>
<li>
<a data-initial-toggle="X" rel="nofollow" href="javascript:;" title="X">X</a>
</li>
<li>
<a data-initial-toggle="Y" rel="nofollow" href="javascript:;" title="Y">Y</a>
</li>
<li>
<a data-initial-toggle="Z" rel="nofollow" href="javascript:;" title="Z">Z</a>
</li>
</ul>
</div>
<div class="buyer-filter-alphabet-result">
<ul>
@foreach ($tagsbyword as $word)
<li data-initial="{{ ucfirst(substr($word->title, 0, 1)) }}" class="{{ ucfirst(substr($word->title, 0, 1)) == 'A'? 'd-inline-block':'d-none' }}">
<a href="{{ route('product.view', $word->slug) }}">
{{ Str::limit($word->title, 30) }}
</a>
</li>
@endforeach
</ul>
</div>
</div>
</section>
<!-------------- Find Importers by Region----------------------------------------->
<section class="suppliers importerRegionComponent">
<div class="container">
<h2>{{ translate('Find Buyers by Regions') }}
<span>{{ translate('Now you can reach your Buyers in Your Regions!') }}</span></h2>
<ul class="align-top">
@php
$i = 0;
@endphp
@foreach ($buyers as $region_id)
@php
$i++;
$region = App\Models\Country::find($region_id);
@endphp
<li>
<a class="truncate d-flex align-items-center" href="{{ route('region.change', $region->iso) }}"
title="{{ $region->nicename }}">
<i class="fi fi-{{ strtolower($region->iso) }}"> </i>
<span>{{ translate($region->nicename) }} {{ translate('Buyers') }}</span>
</a>
</li>
@if ($i % 49 == 0)
</ul>
{{-- <ul class="align-top">
@php
$i = 0;
@endphp
@foreach ($country as $region)
@php
$i++;
@endphp
<li>
<a class="truncate d-inline-block" href="{{ route('region.change', $region->iso) }}" title="{{$region->nicename}}">
<i class="fi fi-{{strtolower($region->iso)}}"> </i>
<span>{{ translate($region->nicename) }} {{ translate('Importers') }}</span>
</a>
</li>
@if ($i % 49 == 0)
</ul> --}}
<ul class="align-top">
@endif
@endforeach
</ul>
</div>
</section>
<section class="representative-banner page_bottom_slider" id="page_bottom_banner">
@foreach($bottom_banners as $banner )
<a href="{{ $banner->link }}">
<img src="{{asset('storage/images/admin/banner/'.$banner['image'])}}" class="img-fluid w-100"/>
</a>
@endforeach
</section>
@stop
@section('script')
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
$('.buyer_slider').slick({
dots: false,
infinite: true,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
speed: 3000,
autoplaySpeed: 2000,
});
</script>
<script>
$('.page_bottom_slider').slick({
dots: false,
infinite: true,
slidesToShow: 1,
centerMode: false,
arrows:false,
autoplay: true,
speed: 3000,
autoplaySpeed: 2000,
});
</script>
@stop