@extends('layouts.app')
@section('seo')
<title>Affordable replacement batteries and adapters for thousands of devices</title>
    <meta name="keywords" content="Laptop Batteries, Laptop AC Adapters, Notebook Batteries, Notebook Chargers, Replacement Notebook Laptop Batteries, Cheap Laptop Batteries, Battery Pack, Laptop Power Supply.">
    <meta name="description" content="Welcome to {{infoEmail()->host}} - The Leading Provider in batteries and adapters.We specialise in providing quality replacement batteries and Chargers, along with the most convenient way to order the exact battery and adapter for your device.">
    <meta property="og:title" content="Affordable replacement batteries and adapters for thousands of devices" /> 
    <meta property="og:description" content="Welcome to {{infoEmail()->host}} - The Leading Provider in batteries and adapters.We specialise in providing quality replacement batteries and Chargers, along with the most convenient way to order the exact battery and adapter for your device." /> 
    <meta name="author" content="Batteriesceo.com" />
    <meta property="og:type" content="website" /> 
    <meta property="og:image" content="https://www.batteriesceo.com/images/logo.png" />
    <meta property="og:site_name" content="Batteriesceo.com - Affordable replacement batteries and adapters for thousands of devices" /> 
    <meta itemprop="copyrightHolder" content="Batteriesceo.com" />
@stop
@section('content')
    <div class="_index_ py-5">
        <div class="container">
            <div class="row pb-5">
                <div class="col-lg-3 d-none d-lg-block">
                    <div id="main-nav">
                        <div class="main-nav-title">Overview of Categories</div>
                        <ul>
                            @foreach($categories as $cate)
                            <li><a href="{{ $cate->url }}">{{ $cate->category }}</a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="main-carousel position-relative">
                        <div class="carousel-list">
                            <div class="carousel-page position-relative">
                                <div class="page-image">
                                    <h1 style="padding: 0;margin:0;"><a href="/detail/1737620/M3516A"><img src="./images/banner1.png" alt="Philips M3516A Replacement Battery" title="Affordable replacement batteries and adapters for thousands of devices"></a></h1>
                                </div>
                            </div>
                            <div class="carousel-page position-relative">
                                <div class="page-image">
                                <a href="/detail/1738473/088789"><img src="./images/banner2.png" alt="Bose 088789 Replacement Battery"></a>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-prev position-absolute"><i class="bi bi-arrow-left"></i></div>
                        <div class="carousel-next position-absolute"><i class="bi bi-arrow-right"></i></div>
                        <div class="carousel-dots position-absolute">
                            <div class="carousel-dot"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3">
                    <div class="side-card">
                        <div class="side-card-title">TRENDING NOW</div>
                        <div class="side-card-body">
                            <div class="row">
                                <div class="col-lg-12 col-12">
                                    @foreach($hot as $val)
                                    <div class="side-card-product">
                                        <div class="product-image">
                                            <a href="{{ $val->url }}">
                                                <img src="{{ $val->okpcode }}">
                                            </a>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-name">
                                                <a href="{{ $val->url }}" alt="{{ $val->jianjie1 }} for {{ $val->jianjie2 }}">
                                                 {{ $val->jianjie1 }} for {{ $val->jianjie2 }}
                                                </a>
                                            </div>
                                            <div class="product-price">{{ currency($val->product->pprice_us) }}<del>{{ currency($val->product->pprice_us,true) }}</del></div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="main-card">
                                <div class="main-card-title">Batteries for Laptops</div>
                                <div class="main-card-body">
                                    <div class="main-card-carousel">
                                        <div class="main-card-carousel-list">
                                            @foreach($laptopBattery as $val)
                                            <div class="main-card-carousel-item">
                                                <div class="product-image">
                                                    <a href="{{ $val->url }}"> <img src="{{ $val->okpcode }}" alt="Battery {{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                                </div>
                                                <div class="product-info">
                                                    <div class="product-name">
                                                        <a href="{{ $val->url }}">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>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="main-card">
                                <div class="main-card-title">Batteries for Tablets</div>
                                <div class="main-card-body">
                                    <div class="row">
                                        @foreach($tabletBattery as $val)
                                        <div class="col-lg-6 mb-3">
                                            <div class="product-2-row">
                                                <div class="product-image">
                                                    <a href="{{ $val->url }}">  <img src="{{ $val->okpcode }}" alt="Battery {{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                                </div>
                                                <div class="product-info">
                                                    <div class="product-name"><a href="{{ $val->url }}">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>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="main-card">
                                <div class="main-card-title">Laptop Chargers</div>
                                <div class="main-card-body">
                                    <div class="row">
                                        @foreach($laptopAdapter as $val)
                                            <div class="col-lg-6 mb-3">
                                                <div class="product-2-row">
                                                    <div class="product-image">
                                                        <a href="{{ $val->url }}">  <img src="{{ $val->okpcode }}" alt="Adapter {{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                                    </div>
                                                    <div class="product-info">
                                                        <div class="product-name"><a href="{{ $val->url }}">Adapter {{ $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>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="main-card">
                                <div class="main-card-title">Smartwatch Battery</div>
                                <div class="main-card-body">
                                    @foreach($watchBattery as $val)
                                    <div class="product-2-row">
                                        <div class="product-image">
                                            <a href="{{ $val->url }}">  <img src="{{ $val->okpcode }}" alt="Battery {{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                        </div>
                                        <div class="product-info">
                                            <div class="product-name"><a href="{{ $val->url }}">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>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="main-card">
                                <div class="main-card-title">BarCode, Scanner Battery</div>
                                <div class="main-card-body">
                                    @foreach($scannerBattery as $val)
                                        <div class="product-2-row">
                                            <div class="product-image">
                                                <a href="{{ $val->url }}">  <img src="{{ $val->okpcode }}" alt="Battery {{ $val->jianjie1 }} for {{ $val->jianjie2 }}"></a>
                                            </div>
                                            <div class="product-info">
                                                <div class="product-name"><a href="{{ $val->url }}">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>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop