Current File : //home/tradevaly/new.tradevaly.com.bd/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">

                @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 "/>
         </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