@extends('layouts.app')
@section('seo')
<title>{{ $cs }} {{ $category->category }} with warranty, shop online</title>
    <meta name="keywords" content="{{ $cs }} {{ $category->category }},{{ $category->category }} for {{ $cs }}, {{ $cs }} {{ $category->category }} replacement.">
    <meta name="description" content="Buy Online {{ $cs }} {{ $category->category }} Price Discounts, Offers Returns Warranty Best Deals Upto 30% Off Discount on {{ $cs }} {{ $category->category }}.">
@stop
@section('content')
    <div class="_shop_ ptb-50">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="mb-5 title-bread-crumb">
                        <a href="{{ route('/') }}">Home</a>- <a href="{{ route('category.category',[$category->id,urlencode($category->category)]) }}">{{ $category->category }}</a>-{{ $cs }}
                    </h2>
                </div>
            </div>
            <div class="row">
              @include('categories.__left')
                <div class="col-lg-9">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="shop-title">
                                <div class="list-align-btn">
                                    <i class="bi bi-grid-fill btn-row"></i>
                                    <i class="bi bi-justify btn-col"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-lg-12">
                            <h1 class="category-subtitle">{{ $cs }} {{ $category->category }} Replacement</h1>
                            <div class="shop-list">

                                <div class="shop-align-row active">
                                    <div class="row">
                                        @foreach($products as $val)
                                        <div class="col-lg-3">
                                            <div class="shop-align-row-product">
                                                <div class="product-img">
                                                    <a href="{{ $val->url }}"><img src="{{ $val->okpcode }}" alt="New Battery {{ $val->jianjie1 }} For {{ $val->jianjie2 }}"></a>

                                                </div>
                                                <div class="product-info">
                                                    <div class="product-name">
                                                        <a href="{{ $val->url }}">New Battery {{ $val->jianjie1 }} For {{ $val->jianjie2 }}</a>
                                                    </div>
                                                    <div class="product-price">{{ currency($val->pprice_us) }}<del>{{ currency($val->pprice_us,true) }}</del></div>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="shop-align-col">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="shop-align-col-product">
                                                @foreach($products as $val)
                                                <div class="row">
                                                    <div class="col-lg-4 col-12">
                                                        <div class="product-img">
                                                            <a href="{{ $val->url }}"><img src="{{ $val->okpcode }}" alt="{{ $val->cs }} {{ $val->jianjie1 }} {{ $val->category }}"></a>

                                                        </div>
                                                    </div>
                                                    <div class="col-lg-8 col-12">
                                                        <div class="product-info">
                                                            <div class="product-name"><a href="{{ $val->url }}">{{ $val->cs }} {{ $val->jianjie1 }} {{ $val->category }} {{ $val->dl }}</a></div>
                                                            <div class="product-desc">
                                                            <b>SKU:</b>{{ $val->pcode }}<br>
                                                            @if($val->category=='battery')
                                                                <b>Cell Type:</b>{{ $val->type }}<br>
                                                                <b>Capacity:</b>{{ $val->dl }}<br>
                                                                <b>Voltage:</b>{{ $val->dy }}<br>
                                                                
                                                            @else
                                                            @if($val->bzq!=''&&$val->bzq!=1)<b>Power:</b>{{ $val->bzq }}<br>@endif
                                                            <b>AC Input:</b>{{ $val->dl }}<br>
                                                            <b>DC Output:</b>{{ $val->dy }}<br>
                                                            @endif
                                                            <b>Compatible:</b>{{ $val->jianjie1 }}<br>
                                                            <b>Warranty:</b>Full 12 Months Warranty and 30 Days Money Back
                                                            </div>
                                                            <div class="product-price">{{ currency($val->pprice_us) }}<del>{{ currency($val->pprice_us,true) }}</del></div>
                                                            <a href="{{ $val->url }}" class="product-add-cart">Add To Cart</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="row">
                        <div class="col-lg-12">
                            {{ $products->links('vendor.pagination.original') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop