@extends('layouts.app')
@section('seo')
@if($product->category=='battery')
<title>{{ $product->dl }} {{ $product->cs }} {{ $jian }} Replacement Battery - Compatible with {{ $product->jianjie2 }}</title>
    <meta name="keywords"  content="{{ $product->cs }} {{ $jian }}, {{ $jian }}, {{ $product->cs }} {{ $jian }} {{ $product->dy }}, {{ $jian }} battery equivalent,{{ $jian }} battery model name, {{ $jian }} model, {{ $product->jianjie2 }},{{ $jian }} model name, {{ $product->cs }} {{ $jian }} model name,{{ $product->jianjie2 }} battery replacement,{{ $jian }} battery,{{ $product->jianjie2 }} battery model number, {{ $product->jianjie2 }} battery price, {{ $jian }} battery {{ $product->dl }},{{ $jian }} battery, {{ $product->jianjie2 }} battery replacement cost,{{ $product->cs }} {{ $jian }} battery replacement,{{ $product->jianjie2 }} battery original, replacement battery for {{ $product->jianjie2 }}">
    <meta name="description"  content="Order your replacement {{ $jian }} Batteries with confidence from {{infoEmail()->host}}. Top-quality {{ $jian }} Battery replacement - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now.">
    <meta property="og:title"  content="{{ $product->dl }} {{ $product->cs }} {{ $jian }} Replacement Battery - Compatible with {{ $product->jianjie2 }}"/>
    <meta property="og:description"  content="Order your replacement {{ $jian }} Batteries with confidence from {{infoEmail()->host}}. Top-quality {{ $jian }} Battery replacement - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now."/>
    <meta property="twitter:title" content="{{ $product->dl }} {{ $product->cs }} {{ $jian }} Replacement Battery - Compatible with {{ $product->jianjie2 }}"/>
    <meta property="twitter:description" content="Order your replacement {{ $jian }} Batteries with confidence from {{infoEmail()->host}}. Top-quality {{ $jian }} Battery replacement - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now."/>
    <meta name="twitter:card" content="product"/>
    <meta name="twitter:site" content="Batterycloud"/>
    <meta property="twitter:image" content="{{ $product->okpcode }}"/>
@else
<title>{{ $product->bzq }} {{ $product->cs }} {{ $jian }} Replacement Adapter - Compatible with {{ $product->jianjie2 }}</title>
    <meta name="keywords"  content="{{ $product->cs }} {{ $jian }} adapter,{{ $product->cs }} {{ $jian }} {{ $product->parent->category }},{{ $product->cs }} {{ $jian }} adapter replacement,{{ $product->cs }} {{ $jian }} Replacement Charger,Replacement adapter for {{ $product->cs }} {{ $jian }},Charger for {{ $product->cs }} {{ $jian }},{{ $product->cs }} {{ $jian }} Chargers,{{ $product->jianjie2 }}.">
    <meta name="description"  content="Order your replacement {{ $product->cs }} {{ $jian }} Chargers with confidence from {{infoEmail()->host}}. Top-quality {{ $product->cs }} {{ $jian }} {{ $product->parent->category }} - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now.">
    <meta property="og:title"  content="{{ $product->bzq }} {{ $product->cs }} {{ $jian }} Replacement Adapter - Compatible with {{ $product->jianjie2 }}"/>
    <meta property="og:description"  content="Order your replacement {{ $product->cs }} {{ $jian }} Chargers with confidence from {{infoEmail()->host}}. Top-quality {{ $product->cs }} {{ $jian }} {{ $product->parent->category }} - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now."/>
    <meta property="twitter:title" content="{{ $product->bzq }} {{ $product->cs }} {{ $jian }} Replacement Adapter - Compatible with {{ $product->jianjie2 }}"/>
    <meta property="twitter:description" content="Order your replacement {{ $product->cs }} {{ $jian }} Chargers with confidence from {{infoEmail()->host}}. Top-quality {{ $product->cs }} {{ $jian }} {{ $product->parent->category }} - Fully Compatible with {{ $product->jianjie2 }} and Replaces {{ $product->jianjie1 }} ☛ Buy now."/>
    <meta name="twitter:card" content="product"/>
    <meta name="twitter:site" content="Batterycloud"/>
    <meta property="twitter:image" content="{{ $product->okpcode }}"/>
@endif
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="product"/>
    <meta property="og:url" content="{{$product->url}}"/>
    <meta property="product:modified_time" content="{{ $product->date }}" />
    <meta property="og:site_name" content="{{infoEmail()->host}}">
    <meta property="og:image" content="{{ $product->okpcode }}"/>
    <meta property="product:brand" content="{{ $product->cs }}"/>
    <meta property="product:price" content="{{ $product->price }}"/>
    <meta property="product:condition" content="New" />
    <meta itemprop="copyrightHolder" content="{{infoEmail()->host}}"/>
    <meta name="author" content="{{infoEmail()->host}}"/>
@stop

@section('content')

    <div class="breadcrumbs">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <ul>
                        <li class="home"><a title="Home" href="{{ route('/') }}">Home</a><span>&raquo;</span></li>
                        <li class=""><a title="{{ $product->parent->category }}" href="{{ route('category.category',[$product->parent->id,handleUrl($product->parent->category)]) }}">{{ $product->parent->category }}</a><span>&raquo;</span>
                        </li>
                        <li class=""><a title="{{ $product->cs }}" href="{{ route('category.brand',[$product->parent->id,handleUrl($product->cs)]) }}">{{ $product->cs }}</a><span>&raquo;</span>
                        </li>
                        <li><strong>
                            @if($product->category=='battery')
                            {{ $product->cs }} {{ $jian }} Battery
                            @else
                            {{ $product->cs }} {{ $jian }} Adapter
                            @endif
                        </strong></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Breadcrumbs End -->
    @if($product->category=='battery')
    <script type="application/ld+json">
                {
                "@context":"http://schema.org/",
                "@type":"Product",
                "url":"{{$product->url}}",
                "name":"{{ $jian }} {{ $product->dl }} For {{ $product->jianjie2 }} Battery Replacement",
                "image":"{{ $product->okpcode }}",
                "description":"Battery Replacement {{ $jian }} for {{ $product->jianjie2 }} · Type {{ $product->type }} · Voltage {{ $product->dy }} · Capacity {{ $product->dl }}",
                "sku":"{{ $product->pcode }}",
                "brand":{"@type":"Thing","name":"{{ $product->cs }}"},
                "offers":
                {
                "@type":"Offer",
                "priceCurrency":"USD",
                "availability":"https://schema.org/InStock",
                "price":"{{ $product->pprice_us }}",
                "itemCondition":"http://schema.org/NewCondition",
                "seller":{
                "@type":"Organization",
                "name":"{{ $product->parent->category }}",
                "url":"https://www.batterycloud.co"
                }
                }
                }
    </script>
    @else
    <script type="application/ld+json">
                {
                "@context":"http://schema.org/",
                "@type":"Product",
                "url":"{{$product->url}}",
                "name":"{{ $jian }} {{ $product->bzq }} For {{ $product->jianjie2 }} Charger Replacement",
                "image":"{{ $product->okpcode }}",
                "description":"Charger Replacement {{ $jian }} for {{ $product->jianjie2 }} · Power {{ $product->bzq }} · DC Output {{ $product->dy }} · AC Input {{ $product->dl }}",
                "sku":"{{ $product->pcode }}",
                "brand":{"@type":"Thing","name":"{{ $product->cs }}"},
                "offers":
                {
                "@type":"Offer",
                "priceCurrency":"USD",
                "availability":"https://schema.org/InStock",
                "price":"{{ $product->pprice_us }}",
                "itemCondition":"http://schema.org/NewCondition",
                "seller":{
                "@type":"Organization",
                "name":"{{ $product->parent->category }}",
                "url":"https://www.batterycloud.co"
                }
                }
                }
    </script>
    @endif
    <!-- Main Container -->
    <div class="main-container col2-left-layout">
        <div class="container">
            <div class="row">
                <div class="col-main col-sm-9 col-xs-12 col-sm-push-3">
                    <div class="product-view-area">
                        <div class="product-big-image col-xs-12 col-sm-5 col-lg-5 col-md-5">
                            <div class="icon-sale-label sale-left">HOT</div>
                            <div class="large-image"><a href="{{ $product->okpcode }}" class="cloud-zoom" id="zoom1"
                                                        rel="useWrapper: false, adjustY:0, adjustX:20" title="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif"> <img
                                        class="zoom-img" src="{{ $product->okpcode }}" alt="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif">
                                </a></div>
                            <div class="flexslider flexslider-thumb">
                                <ul class="previews-list slides" style="display: flex">
                                    @if($product->imgmore)
                                        @foreach($product->imgmore as $img)
                                            <li><a href='{{ $img }}' class='cloud-zoom-gallery'
                                                   rel="useZoom: 'zoom1', smallImage: '{{ $img }}' " title="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif"><img
                                                        src="{{ $img }}" alt="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif"/></a></li>
                                        @endforeach
                                    @else
                                        <li><a href='{{ $product->okpcode }}' class='cloud-zoom-gallery'
                                               rel="useZoom: 'zoom1', smallImage: '{{ $product->okpcode }}' " title="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif"><img
                                                    src="{{ $product->okpcode }}" alt="@if($product->category==='battery'){{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }} @else {{ $jian }} Replacement Charger for {{ $product->jianjie2 }} @endif"/></a>
                                        </li>
                                    @endif
                                </ul>
                            </div>
                            <!-- end: more-images -->
                            <img src="/images/warranty.png" alt="Warranty">
                        </div>
                        <div class="col-xs-12 col-sm-7 col-lg-7 col-md-7 product-details-area">
                            <div class="product-name">
                                
                                    @if($product->category=='battery')
                                    <h1 style="font-size: 20px;text-transform: capitalize;" title="{{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }}">{{ $jian }} {{ $product->dl }} Battery for {{ $product->jianjie2 }}</h1>
                                    @else
                                    <h1 style="font-size: 20px;text-transform: capitalize;" title="{{ $jian }} Replacement Charger for {{ $product->jianjie2 }}">{{ $jian }} Replacement Charger for {{ $product->jianjie2 }}</h1>
                                    @endif
                                
                                
                            </div>
                            <div class="price-box">
                                <p class="special-price"><span class="price-label">Special Price</span> <span
                                        class="price"> {{ $product->price }} </span></p>
                                <p class="old-price"><span class="price-label">Regular Price:</span> <span
                                        class="price"> {{ $product->price_old }} </span></p>
                                        <img src="/images/free.jpg" alt="free shipping">
                            </div>
                            <div class="ratings">
                                <div class="rating">
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star-o"></i>
                                   (Viewed: <i class="fa fa-eye" style="font-size: 12px;"></i> 724)
                                </div>
                                <p class="rating-links"> </p>
                                <p class="availability in-stock pull-right">Availability: <span>@if($product->stock==='ok'&&$product->pprice_us>0)
                                            In Stock @else Slod Out @endif</span></p>
                            </div>
                            <div>
                                <ul>
                                    <li>SKU: <a href="{{ route('model',[$product->pid,$jian]) }}">{{ $product->pcode }}</a> </li>
                                    <li>Condition:Brand New with One Year Warranty</li>
                                    <li>Category:<a href="{{ route('category.category',[$product->parent->id,handleUrl($product->parent->category)]) }}">{{ $product->parent->category }}</a></li>
                                    <li>Brand:<a href="{{ route('category.brand',[$product->parent->id,handleUrl($product->cs)]) }}">{{ $product->cs }}</a></li>
                                    @if($product->category=='battery')
                                        <li>Voltage:{{ $product->dy }}</li>
                                        <li>Capacity:{{ $product->dl }}</li>
                                        @if($product->type)
                                            <li>Cell Type:{{ $product->type }}</li>
                                        @endif
                                    @else
                                        <li>AC Input:{{ $product->dl }}</li>
                                        <li>DC Output:{{ $product->dy }}</li>
                                        @if($product->bzq&&$product->bzq!=1)
                                            <li>Output Power:{{ $product->bzq }}</li>
                                        @endif
                                    @endif
                                    @if($product->color)
                                            <li>Color:{{ $product->color }}</li>
                                        @endif
                                        @if($product->size)
                                            <li>Dimension:{{ $product->size }}</li>
                                        @endif

                                </ul>
                            </div>
                            <div class="short-description">
                                
                                    @if($product->category=='battery')
                                    <h2 style="font-size: 14px;text-transform: capitalize;" title="{{ $product->jianjie2 }} Battery Replacement">{{ $product->jianjie2 }} Battery Replacement</h2>
                                    @else
                                    <h2 style="font-size: 14px;text-transform: capitalize;" title="{{ $product->jianjie2 }} Charger Replacement">{{ $product->jianjie2 }} Charger Replacement</h2>
                                    @endif
                                <p>
                                If you're looking for a compatible and cost-effective {{ $jian }} battery, you're in the right place.<br>
                                Our batteries are designed to the highest standards, meaning they have a very long service-life. In addition the battery is precision-fit for your {{ $product->jianjie2 }}, making it a cost-effective alternative to the original equipment manufacturer's product - without compromising on quality.
                                    <!-- This is a replacement compatible {{$product->category}} for {{ $jian }}, {{ $product->jianjie2 }} which comes with a 30 days money-back guarantee and 12 months warranty. -->
                                </p>
                            </div>
                            <div class="product-variation">
                                <form action="{{ route('carts.store') }}" method="post">
                                    @csrf
                                    <input type="hidden" name="pid" value="{{ $product->pid }}">
                                    <input type="hidden" name="jian" value="{{ $jian }}">
                                    <div class="cart-plus-minus">
                                        <label for="qty">Qty:</label>
                                        <div class="numbers-row">
                                            <div
                                                onClick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty ) &amp;&amp; qty &gt; 0 ) result.value--;return false;"
                                                class="dec qtybutton"><i class="fa fa-minus">&nbsp;</i></div>
                                            <input type="text" class="qty" title="Qty" value="1" maxlength="12" id="qty"
                                                   name="qty">
                                            <div
                                                onClick="var result = document.getElementById('qty'); var qty = result.value; if( !isNaN( qty )) result.value++;return false;"
                                                class="inc qtybutton"><i class="fa fa-plus">&nbsp;</i></div>
                                        </div>
                                    </div>
                                    <button type="submit" class="button pro-add-to-cart" title="Add to Cart"><span><i
                                                class="fa fa-shopping-cart"></i> Add to Cart</span></button>
                                </form>
                            </div>
                            <div class="product-cart-option">
                                <ul>
                                    <li><a href="mailto:{{infoEmail()->email}}"><i class="fa fa-envelope"></i><span>Have a product question?Ask us</span></a>
                                    </li>
                                   
                                </ul>
                                @if($product->category=='battery')
                                <p style="display:none;">Tags : <a href="{{$product->url}}">{{ $jian }} battery model name</a>, <a href="{{$product->url}}">{{ $product->cs }} {{ $jian }} battery</a>,<a style="text-decoration: underline;" href="{{$product->url}}"> Battery Replacement for {{ $product->jianjie2 }}</a> <a style="text-decoration: underline;" href="{{ route('category.brand',[$product->parent->id,handleUrl($product->cs)]) }}">{{ $product->cs }} Batteries</a> <a style="text-decoration: underline;" href="{{$product->url}}">{{ $jian }}</a></p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="product-overview-tab">

                        <div class="product-tab-inner">
                            <ul id="product-detail-tab" class="nav nav-tabs product-tabs">
                                <li class="active"><a href="#description" data-toggle="tab">Compatibility List</a></li>
                                <li><a href="#reviews" data-toggle="tab">Description</a></li>
                                <li><a href="#product_tags" data-toggle="tab">Shipping & Payment</a></li>
                            </ul>
                            <div id="productTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="description">
                                    <div class="std">
                                        <h2 style="font-size: 22px;">COMPATIBLE PARTS</h2>
                                            @if($product->category==='battery')
                                                <p>   @foreach($product->rep as $rep)
                                                        <span>{{ $rep }}</span>
                                                    @endforeach
                                                </p>
                                            @else
                                                <p>{!! $product->rep !!}</p>
                                            @endif
                                            <hr>
                                            <h2 style="font-size: 22px;">COMPATIBLE MODELS</h2>
                                            <p>{!! $product->comp !!}</p>
                                            <hr>
                                            <h4><b>Tips Before Purchase</b></h4>
                                            <p>Please confirm the compatible model and battery part number carefully before you purchase it.</p>
                                            <p>If you are not sure, please send email to us with your battery details or pictures, we will give you professional suggestions.</p>
                                    </div>

                                </div>
                                <div id="reviews" class="tab-pane fade">
                                    <div class="std">
                                        <h2 style="font-size: 22px;">Product Description</h2>
                                        @if($product->category=='battery')
                                        <p><b>High Performance Battery</b></p>
                                        <p>This {{ $product->cs }} {{ $jian }} battery from {{infoEmail()->host}} will be a perfect replacement for your original {{ $product->parent->category }}. In order to make our batteries performance best, we use the highest quality components:</p>
                                        <p>1. The highest quality A+ grade lithium-ion batteries;</p>
                                        <p>2. Advanced TI smart circuit board;</p>
                                        <p>3. High temperature and wear-resistant ABS +PC alloy shell.</p>
                                        <p><b>Designed for long life</b></p>
                                        <p>Our <em>{{ $product->jianjie2 }} battery replacement</em> has good durability, which can be recharged and discharged for 800+ times, maintaining the same capacity for a long time. </p>
                                        <p>All our batteries are made under the ISO 9001 quality norm and are produced with high quality cells and components. All of them are CE certified and do not contain Pb, respecting the RoHS.</p>
                                        <p><img src="/images/proction.png" alt="12 Kinds of Safety Protection"></p>
                                        @else
                                        <p>Safe, continuous power for extended battery life</p>
                                        <p>✔ Efficient charging – Safe, gentle charging that prolongs the life of your battery</p>
                                        <p>✔ Flexible input voltage – {{ $product->dl }} for safe, worldwide use</p>
                                        <p>✔ CE & ROHS certified – with short-circuit, overheating and overvoltage protection</p>
                                        <hr>
                                        <h3>How to identify your laptop AC Adapter/Charger.</h3>
                                        <p>Every Ac Adapter/Charger has a specific identifying number (Part No), Part Numbers are often printed on a sticker with manufacturer’s logo and details affixed to the AC Adapter/Charger.  Some manufacturers identify their AC Adapters/Chargers with the term “Types” (instead of Part No).  The easiest way to identify your AC Adapter/Charger, is to locate the part number, type it in to Google and you will get enough information to identify the AC Adapter/Charger.  If there is no part number or the sticker has been removed, the only other option is to look for other specifications of your AC Adapter/Charger, and then manually identify your AC Adapter/Charger.</p>
                                        <p>There are 3 identifying aspects to a laptop AC Adapter/Charger when identifying one,</p>
                                        <p>•input details</p>
                                        <p>•output details</p>
                                        <p>•the connector tip that plugs to the laptop’s power jack,</p>
                                        <p>•some of these details can also be found underneath your laptop.</p>
                                        <p>Here is an example of what to look for</p>
                                        <p>Input: 110-240, 50-60Hz (this is regional based, e.g. 240V in Australia)</p>
                                        <p>Output 19V       3.45A (V=Voltage, A=Amps) Wattage is V x A (in this case 19 x 3.45 = 65W)</p>
                                        <p>The only other part that differentiates an AC Adapter/Charger is the size and the type of connector, the best way to identify the connector is to measure the outer diameter of it using tape measure, ruler or calliper, the shape of the connectors are generally brand specific.</p>
                                        @endif
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="product_tags">
                                    <div class="box-collateral box-tags">
                                        <h3>Shipment Methods</h3>
                                        <p>Currently, all of our shipments are through Priority Mail (EMS USPS),if you are dealer,you can selected others .We can not offer Overnight (UPS Red) and 2nd Day Delivery (UPS Blue) .</p>
                                        <h3>Shipping & Handling</h3>
                                        <p>Free Shipping on All Orders!</p>
                                        <p>
                                            @if($time['ship_status']==1)
                                                {!! $time['ship'] !!}
                                            @endif
                                        </p>
                                        <p>Estimated Delivery Time:7 - 15 Business Days</p>
                                        <p>It is very easy for you to check the status of your order and locate the package during transit, as an email with a tracking number will be sent to your email address after your order has been shipped out. Tracking number will be emailed to buyer once your ordered item is shipped out.</p>
                                        <p>Shipping rates: Our rates include the expenses of shipping, handling and the high quality packaging.</p>
                                        <p>Attention: Priority mail will be used for all PO Box shipping addresses ,But All APO's and military addresses do not apply here.</p>
                                        <p>Please use standard shipping for these. Thank you.</p>
                                        <h3>Payment Methods</h3>
                                        <p><img src="/images/PaymentMethods.png" alt="Payment Methods"></p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                @include('categories.__left')
            </div>
        </div>
    </div>

    <!-- Main Container End -->

    <!-- Related Product Slider -->

    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="related-product-area">
                    <div class="page-header">
                        <h3>Similar products</h3>
                    </div>
                    <div class="related-products-pro">
                        <div class="slider-items-products">
                            <div id="related-product-slider" class="product-flexslider hidden-buttons">
                                <div class="slider-items slider-width-col4">
                                    @foreach($abouts as $val)
                                    <div class="product-item">
                                        <div class="item-inner">
                                            <div class="product-thumbnail">
                                                <div class="icon-sale-label sale-left">Sale</div>
                                                <a href="{{ $val->url }}" class="product-item-photo">
                                                    <img class="product-image-photo" src="{{ $val->okpcode }}"
                                                        alt="{{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a></div>
                                            <div class="pro-box-info">
                                                <div class="item-info">
                                                    <div class="info-inner">
                                                        <div class="item-title">
                                                            <a title="{{ $val->jianjie1 }} for {{ $val->jianjie2 }}" href="{{ $val->url }}">
                                                                @if($val->category=='battery')
                                                                {{ $val->dy }} {{ $val->dl }} {{ $val->jianjie1 }} Replacement Battery For {{ $val->jianjie2 }}
                                                                @else
                                                                {{ $val->bzq }} {{ $val->jianjie1 }} Replacement Adapter For {{ $val->jianjie2 }}
                                                                @endif
                                                                
                                                            </a></div>
                                                        <div class="item-content">
                                                            <div class="rating">
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star"></i>
                                                                <i class="fa fa-star-o"></i>
                                                            </div>
                                                            <div class="item-price">
                                                                <div class="price-box"><span
                                                                        class="regular-price"> <span class="price">{{ $val->price }}</span> </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="box-hover">
                                                    <div class="product-item-actions">
                                                        <div class="pro-actions">
                                                            <button onclick="window.location.href='{{ $val->url }}' " class="action add-to-cart" type="button"
                                                                    title="Add to Cart"><span>Add to Cart</span>
                                                            </button>
                                                        </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Related Product Slider End -->

    <!-- Upsell Product Slider -->
    <section class="upsell-product-area">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-header">
                        <h3>Customers Also Viewed</h3>
                    </div>
                    <div class="slider-items-products">
                        <div id="upsell-product-slider" class="product-flexslider hidden-buttons">
                            <div class="slider-items slider-width-col4">
                                @foreach($recently as $val)
                                <div class="product-item">
                                    <div class="item-inner">
                                        <div class="product-thumbnail">
                                            <div class="icon-sale-label sale-left">Sale</div>
                                            <a href="{{ $val->url }}" class="product-item-photo"> <img
                                                    class="product-image-photo" src="{{ $val->okpcode }}" alt="{{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                        </div>
                                        <div class="pro-box-info">
                                            <div class="item-info">
                                                <div class="info-inner">
                                                    <div class="item-title">
                                                        <a title="{{ $val->jianjie1 }} for {{ $val->jianjie2 }}" href="{{ $val->url }}">
                                                            @if($val->category=='battery')
                                                            {{ $val->jianjie1 }} Battery {{ $val->jianjie2 }} {{ $val->dy }} {{ $val->dl }}
                                                            @else
                                                            {{ $val->jianjie1 }} Adapter {{ $val->jianjie2 }} {{ $val->bzq }}
                                                            @endif
                                                            
                                                        </a></div>
                                                    <div class="item-content">
                                                        <div class="rating">
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star"></i>
                                                            <i class="fa fa-star-o"></i>
                                                        </div>
                                                        <div class="item-price">
                                                            <div class="price-box"><span class="regular-price"> <span
                                                                        class="price">{{ $val->price }}</span> </span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="box-hover">
                                                <div class="product-item-actions">
                                                    <div class="pro-actions">
                                                        <button onclick="window.location.href='{{ $val->url }}'" class="action add-to-cart" type="button"
                                                                title="Add to Cart"><span>Add to Cart</span></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Upsell Product Slider End -->
    <!-- our clients Slider -->
@stop