Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/pages/single_product.blade.php
@extends('frontend.layouts.app')
@push('style')
 <link rel="stylesheet" type="text/css" href="{{asset('assets/frontend/css/lightslider.css') }}">   
@endpush
@push('product-info')
        <meta property="og:type" content="website">
        <meta property="og:title" content="{{$product->title}}">
        <meta property="og:description" content="{!! strip_tags($product->description) !!}">
        <meta property="og:image" content="{{asset('storage/images/admin/product/'.$product->image.'')}}">
@endpush


@section('content')
<link href="https://cdn.jsdelivr.net/npm/shareon@2/dist/shareon.min.css" rel="stylesheet"/>
<div class="bread">
    <div class="container">
        <ul class="breadcrumb d-flex justify-content-between">
         <div class=" d-flex">
            <li class="breadcrumb-item" itemtype="" itemscope="">
                <a itemprop="url" href="{{ route('homepage') }}">
                    <span itemprop="title">{{ translate('Home') }}</span>
                </a>
            </li>
            <li class="breadcrumb-item active" itemtype="" itemscope="">
                <span itemprop="title">{{$product->title}}</span>
            </li>
         </div>
        </ul>
    </div>
</div>
<!--------------------------- Single Product view -------------------------------->
<style>
    .shareon {
    font-size: 0!important;
    botton: 1px;
    position: relative;
    bottom: -23px;
}
</style>
<section class="productbox mob-box bggrey"> 
    <div class="container "> 
        <div class="row"> 
            <div class="col-md-9 mt-3"> 
                <div class="detail-box brd-white-pad"> 
                    <h2 class="prd-titile">{{$product->title}}</h2>  
                    <div class="col-md-12"> 
                        <div class="row"> 
                            <div class="col-md-7 pl-0"> 
                                <div class="lSSlideOuter ">
                                 
                                    <div class="lSSlideWrapper usingCss" style="transition-duration: 500ms; transition-timing-function: ease;">
                                        <ul id="image-gallery" class="lightSlider lsGrab lSSlide" style="width: 2587.5px; transform: translate3d(-431.25px, 0px, 0px); height: 431.25px; padding-bottom: 0%;">
                                            <li data-thumb="{{asset('storage/images/admin/product/'.$product->image.'')}}"> 
                                                <img src="{{asset('storage/images/admin/product/'.$product->image.'')}}" alt="produt img"> 
                                            </li> 
                                            @if($product->gallary1)
                                            <li data-thumb="{{asset('storage/images/admin/product/'.$product->gallary1.'')}}"> 
                                                <img src="{{asset('storage/images/admin/product/'.$product->gallary1.'')}}" alt="gellry 1"> 
                                            </li> 
                                            @endif
                                            @if($product->gallary2)
                                            <li data-thumb="{{asset('storage/images/admin/product/'.$product->gallary2) }}"> 
                                                <img src="{{asset('storage/images/admin/product/'.$product->gallary2) }}" alt=""> 
                                            </li> 
                                            @endif
                                            @if(!empty($product->gallary3))
                                            <li data-thumb="{{asset('storage/images/admin/product/'.$product->gallary3) }}"> 
                                                <img src="{{asset('storage/images/admin/product/'.$product->gallary3) }}" alt=""> 
                                            </li> 
                                            @endif
                                            @if(!empty($product->gallary4))
                                            <li data-thumb="{{asset('storage/images/admin/product/'.$product->gallary4) }}"> 
                                                <img src="{{asset('storage/images/admin/product/'.$product->gallary4)}}" alt=""> 
                                            </li> 
                                            @endif
                                        </ul>
                                        <div class="lSAction">
                                            <a class="lSPrev"></a>
                                            <a class="lSNext"></a>
                                        </div>
                                    </div>

                                </div>
                               <div class="shareon pb-3">
                                  <a class="facebook"></a>
                                  <a class="linkedin"></a>
                                  
                                  <!--<a class="telegram"></a>-->
                                  <!--<a class="twitter"></a>-->
                                 
                                  <!--<a class="whatsapp"></a>-->
                                </div>
                            </div> 
                            <div class="col-md-5 pl-0">
                                <div class="prod-info w-100"> 
                                    <ul> 
                                        <li><strong>{{ translate('Supply Ability:') }} {{$product->supply_ability}} {{$product->unit}} per Day</strong></li>
                                        <li><strong>{{ translate('Origin:') }} {{$product->origin}}</strong></li> 
                                        <li><strong>{{ translate('Location:') }} {{$product->location}}</strong></li> 
                                    </ul> 
                                    <div class="buyer-listing-social"> 
                                    @if(Auth::check())
                                        <a href="{{ route('product.inquery', $product->slug) }}" class="buyer-listing-btn">{{ translate('Inquire Now') }}</a>
                                    @else
                                        <a href="javascript:registerPopup('Join Free');" title="{{ translate('Join Free') }}" data-toggle="modal" data-target="#exampleModalCenter" class="buyer-listing-btn">{{ translate('Inquire Now') }}</a> 
                                    @endif
                                    </div> 
                                    @if(isset($product->supplier->user->package->slug))
                                    <figure class="free-mem"> <a href="{{ route('packages') }}" title="Free"> <img class="emtag lazy" src="{{asset('storage/images/admin/package/'.$product->supplier->user->package->image)}}" style=""> </a> </figure> 
                                    @endif
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                    <div class="clear"> </div> 
                </div> 
                <div class="prod-supplier-box mob-prod brd-white-pad"> 
                    <h2>{{ translate('Supplier Info.') }}</h2>
                    <div class="row"> 
                        <div class="col-md-1 nopad "> 
                        @if(isset($product->supplier->user->username))
                            <i><a href="{{ route('supplier.view', $product->supplier->user->username) }}" title="{{$product->supplier->name}}"><img class="lazy" src="{{asset('storage/images/user/avatar/'.$product->supplier->image.'')}}" alt="" style=""></a></i>
                        @endif
                        </div> 
                        <div class="col-md-6 nopad padleft15 "> 
                            <ul> 
                                <li>
                                    <strong>{{ translate('Company Name') }} </strong>
                                    
                                    @if(isset($product->supplier->user->username))
                                    <em><a class="product-a" href="{{ route('supplier.view', $product->supplier->user->username) }}" title="{{ $product->supplier->name }}"> {{ $product->supplier->name }}</a></em>
                                    @endif
                                </li> 
                                <li>
                                    <strong>{{ translate('Membership:') }}</strong>
                                    @if(isset($product->supplier->user->package->slug))
                                    <a href="{{ route('packages') }}" title="Join Now"><img src="{{asset('storage/images/admin/package/'.$product->supplier->user->package->image)}}" class="emtag-sm lazy" alt="Free" style=""></a>
                                    @endif
                                </li> 
                                <li><strong>Business Type:</strong> {{$product->supplier->type}}</li> 
                            </ul> 
                        </div> 
                        <div class="col-md-5 nopad"> 
                            <ul> 
                            @if(isset($product->supplier->user))
                                <li><strong>{{ translate('Location') }} </strong>{{$product->supplier->user->country->nicename}}</li> 
                                <li><strong>{{ translate('Employees Total') }} </strong> {{$product->supplier->employee}}</li> 
                                <li><strong>{{ translate('Annual Revenue') }} </strong>  {{$product->supplier->revenue}}</li> 
                                @endif
                            </ul> 
                        </div> 
                    </div> 
                </div> 
                
                @if(!empty($product->video))
                <div class="prod-supplier-box mob-prod brd-white-pad"> 
                    <div class="row"> 
                         <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0"width="890" height="500" type="text/html" src="https://www.youtube.com/embed/{{youtubeid($product->video)}}?autoplay=0&fs=1&iv_load_policy=3&showinfo=0&rel=0&cc_load_policy=0&start=0&end=0&origin=https://ayaantec.com"><div><small><a href="https://ayaantec.com">{{ translate('Ayaan Tech Limited') }}</a></small></div><div><small><a href="https://ayaantec.com">{{ translate('Ayaan Tech Limited') }}</a></small></div></iframe>
                    </div> 
                </div>
                @endif
                
                <div class="prod-supplier-box mob-prod brd-white-pad"> 
                    <h2>{{ translate('Product Description.') }}</h2>
                    <div class="row"> 
                        {!! $product->details !!}
                    </div> 
                </div>
            </div> 
             @if(!Auth::user())
                    <div class="col-md-3 ">
                         <section class="quote-now d-md-none d-lg-block d-xl-block pt-4 mt-3">
                       
                             @include('frontend.utils.tellus')
                        </section>
                    </div>
                @else
                <div class="side-nav-dark my_own_custom_style col-md-3 d-none d-lg-block" style="height: 500px;"> 
                    <ul class="side-ul">
                        <li><a href="{{ route('user.dashboard') }}" title="Dashboard">Dashboard</a></li>
                        <li><a href="{{ route('user.profile.view') }}" title="My Profile">My Profile</a></li>
                        <li><a href="{{ route('user.inbox') }}" title="Messages">Messages</a></li>
                        <li><a href="{{ route('user.products') }}" title="Products">Products</a></li>
                        <li><a href="{{ route('user.setting') }}" title="Company Profile">Company Profile</a></li>
                        <li><a href="{{ route('packages') }}" title="Premium Services">Premium Services</a>
                        </li>
                        <li><a href="{{ route('logout') }}" title="Post RFQ">Logout</a></li>
                    </ul>
                </div>
                
                @endif
        </div> 
    </div>
</section>
<script src="https://cdn.jsdelivr.net/npm/shareon@2/dist/shareon.iife.js" defer init ></script>
@stop

@push('script')
  
@endpush