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