Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/pages/manufacturers.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 manuf_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 w-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 href="{{ route('list.tag', $tag->slug) }}" title="{{ translate($tag->name) }}">{{ translate($tag->name) }}</a></li>
                                @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("Can't find the") }} <span>{{ translate('products') }} </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('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="" data-initial-toggle="A" rel="nofollow" href="javascript:;" title="A"
                            class="active">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>

<!--------------------------------- All Category----------------------------------->
<section class="mt-4">
<div class="container">
    <div class="prod-content-des mb-4 cont-box all-categ">
        <h4 class="hd-rd-brdr">{{ translate('All Categories') }}</h4>
        <div class="row">
            
            
            
            @foreach($category as $list)
            
            <div class="col-sm-6 col-md-6 col-lg-4">
                <div class="all-categ-box">
                    <div class="all-categ-left">
                        <a title="{{$list->name}}" href="{{ route('category', $list->slug) }}"><img src="{{asset('storage/images/admin/category/'.$list->image.'')}}" class="lazy" alt="{{$list->name}}" title="{{ translate($list->name) }}"></a>
                    </div>
                    <div class="all-categ-right">
                        
                        @php
                        $subcat = \App\Models\Category::where('parent_id', $list->id)->take(4)->get();
                        @endphp
                        <h5><a title="{{$list->name}}" href="{{ route('category', $list->slug) }}">{{ translate($list->name) }}</a></h5>
                        @foreach($subcat as $cat)
                        
                        <h6><a title="{{ translate($cat->name) }}" href="{{ route('category', $cat->slug) }}">{{ translate($cat->name) }}</a></h6>
                        @endforeach
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
</section>

<!-------------- Find Importers by Region----------------------------------------->


<section class="suppliers importerRegionComponent">
    <div class="container">
        <h2>{{ translate('Find Suppliers by Regions') }} <span>{{ translate('Now you can reach your Importers 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-inline-block" href="{{ route('region.change', $region->iso) }}" title="{{ translate($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 )
              <img src="{{asset('storage/images/admin/banner/'.$banner['image'])}}" class="img-fluid "/>
              @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>
$('.manuf_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