@extends('layouts.main-app')

@section('title', 'Station')

@section('content')

@include('layouts.navbar')

<div class="relative h-[25rem] w-full pt-[10rem]">
    <img class="absolute inset-0 object-cover object-bottom w-full h-full" src="{{asset('images/station/bg-header.jpg')}}" alt="">
    <div class="container relative max-w-screen-xl mx-auto">
        <h1 class="text-4xl font-bold text-center text-[#ffd916]">Find Your Nearest Charge Cycle Station</h1>
    </div>
</div>


<div class="bg-[#595959] py-32 overflow-hidden">
    <div data-aos="fade-up" data-aos-duration="1000" class="container max-w-screen-xl px-4 pb-20 mx-auto">

        <div>
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid items-center grid-cols-1 gap-12 md:grid-cols-2">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <h1 class="text-[#ffd916] text-2xl">Address</h1>
                            <p class="text-white">31 Villarboit Crescent, Concord, L4K 4R2</p>
                        </div>
                        <div>
                            <h1 class="text-[#ffd916] text-2xl">Opening Hours</h1>
                            <p class="text-white">Monday - Saturday: 5:00 AM - 11:00 PM</p>
                            <p class="text-white">Sunday: 5:00 AM - 11:00 PM</p>
                        </div>
                        <div>
                            <h1 class="text-[#ffd916] text-2xl">Contact Info</h1>
                            <ul class="space-y-4">
                                <!--<li class="flex items-center space-x-4">-->
                                <!--    <img src="{{asset('images/station/icon-phone.png')}}" alt="">-->
                                <!--    <h1 class="text-white">+831 000 000</h1>-->
                                <!--</li>-->
                                <li class="flex items-center space-x-4">
                                    <img src="{{asset('images/station/icon-phone.png')}}" alt="">
                                    <h1 class="text-white">+1 416 907-4848</h1>
                                </li>
                                <li class="flex items-center space-x-4">
                                    <img src="{{asset('images/station/icon-email.png')}}" alt="">
                                    <div class="flex flex-col">
                                        
                                    <h1 class="text-white">info@chargecyclepower.com</h1>
                                  
                                    <h1 class="text-white">www.chargecyclepower.com</h1>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div data-aos="fade-left" data-aos-duration="1000">
                        <img src="{{asset('images/revision/vector-map.png')}}" alt="">
                    </div>
                </div>
            </div>
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Capacity</p>
                            <h1 class="text-[#ffd916] text-2xl">6000 mAh</h1>
                        </div>
                        <div>
                            <p class="text-white">Battery Cell</p>
                            <h1 class="text-[#ffd916] text-2xl">Lithium Polymer Battery</h1>
                        </div>
                        <div>
                            <p class="text-white">Material</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS</h1>
                        </div>
                        <div>
                            <p class="text-white">Color</p>
                            <h1 class="text-[#ffd916] text-2xl">Black or Grey</h1>
                        </div>
                        <div>
                            <p class="text-white">Cable</p>
                            <h1 class="text-[#ffd916] text-2xl">Micro USB, IOS, Type C</h1>
                        </div>
                        <div>
                            <p class="text-white">Cycle Life</p>
                            <h1 class="text-[#ffd916] text-2xl">500 times</h1>
                        </div>
                        <div>
                            <p class="text-white">Power Protection</p>
                            <h1 class="text-[#ffd916] text-2xl">Overcurrent, overvoltage, overcharge, over discharge, short circuit, over temperature protection</h1>
                        </div>
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions</p>
                            <h1 class="text-[#ffd916] text-2xl">140*67*17.5mm</h1>
                        </div>
                        <div>
                            <p class="text-white">Weight</p>
                            <h1 class="text-[#ffd916] text-2xl">0.175kg</h1>
                        </div>
                        <div>
                            <p class="text-white">Input</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 5V/2A</h1>
                        </div>
                        <div>
                            <p class="text-white">Output</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 5V/2.1A</h1>
                        </div>
                        <div>
                            <p class="text-white">Certification</p>
                            <h1 class="text-[#ffd916] text-2xl">CE, RoHS, FCC, CBC, MSDS, UN38.3</h1>
                        </div>
                    </div>

                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/powerbank/powerbank.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCP6</h1>
                        <p class="text-white">Color: Black/Gray</p>
                    </div>
                </div>
            </div>
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">4 pcs Power Banks </h1>
                        </div>
                        <div>
                            <p class="text-white">Net Weight:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">2.415 kg</h1>

                        </div>
                        <div>
                            <p class="text-white">Material:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS </h1>
                        </div>
                        <div>
                            <p class="text-white"> Network: </p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>

                        </div>
                        <div>
                            <p class="text-white">Input:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50-60Hz 0.8A </h1>
                        </div>
                        <div>
                            <p class="text-white">Power Protection:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl"> Overcurrnet, overvoltage, overcharge, over discharge, short circuit, over temperature protection </h1>
                        </div>
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">140*67*17.5mm </h1>
                        </div>
                        <div>
                            <p class="text-white">Material:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS </h1>

                        </div>
                        <div>
                            <p class="text-white">Color:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white"> Power: </p>
                            <h1 class="text-[#ffd916] text-2xl">36W </h1>

                        </div>
                        <div>
                            <p class="text-white">Output:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-3A MAX </h1>

                        </div>
                        <div>
                            <p class="text-white">Certification:
                            </p>
                            <h1 class="text-[#ffd916] text-2xl">CE, FCC, RoHS, MSDS, UN38.3, CQC </h1>

                        </div>
                    </div>
                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/1_Charge.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCW4</h1>
                        <p class="text-white">Color: Black/Gray</p>
                    </div>
                </div>
            </div>
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots</p>
                            <h1 class="text-[#ffd916] text-2xl">4 pcs Power Banks with Screen</h1>
                        </div>
                        <div>
                            <p class="text-white">Net Weight</p>
                            <h1 class="text-[#ffd916] text-2xl">2.8 kg</h1>
                        </div>
                        <div>
                            <p class="text-white">Material</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS</h1>
                        </div>
                        <div>
                            <p class="text-white">Network</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Size</p>
                            <h1 class="text-[#ffd916] text-2xl">10.1 inches</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Resolution</p>
                            <h1 class="text-[#ffd916] text-2xl">800*1280</h1>
                        </div>
                       
                        <div>
                            <p class="text-white">Power Protection</p>
                            <h1 class="text-[#ffd916] text-2xl">Overcurrent, overvoltage, overcharge, over discharge, short circuit, over temperature protection</h1>
                        </div>
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions</p>
                            <h1 class="text-[#ffd916] text-2xl">25.2*20.5*36.7cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color</p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white">Power</p>
                            <h1 class="text-[#ffd916] text-2xl">36W</h1>
                        </div>
                         <div>
                            <p class="text-white">Input</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50/60Hz 0.8A</h1>
                        </div>
                        <div>
                            <p class="text-white">Output</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-3A MAX</h1>
                        </div>
                        <div>
                            <p class="text-white">Certification</p>
                            <h1 class="text-[#ffd916] text-2xl">CE, FCC, RoHS, MSDS, UN38.3, CQC</h1>
                        </div>
                    </div>

                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/2_Charge.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCWS4</h1>
                       
                    </div>
                </div>
            </div>
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots:</p>
                            <h1 class="text-[#ffd916] text-2xl">8 pcs Power Banks</h1>
                        </div>
                        <div>
                            <p class="text-white">Net Weight:</p>
                            <h1 class="text-[#ffd916] text-2xl">2.8 kg</h1>
                        </div>
                        <div>
                            <p class="text-white">Material:</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS</h1>
                        </div>
                        <div>
                            <p class="text-white">Network:</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Antenna:</p>
                            <h1 class="text-[#ffd916] text-2xl">Internal</h1>
                        </div>
                        <div>
                            <p class="text-white">Input:</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50/60Hz 1.3A</h1>
                        </div>
                        <div>
                            <p class="text-white">Power Protection:</p>
                            <h1 class="text-[#ffd916] text-2xl">Overcurrent, overvoltage, overcharge, over discharge, short circuit, over temperature protection</h1>
                        </div>
                        
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Working Temperature:</p>
                            <h1 class="text-[#ffd916] text-2xl">5~40°C</h1>
                        </div>
                        <div>
                            <p class="text-white">Working Humidity:</p>
                            <h1 class="text-[#ffd916] text-2xl">25~75%</h1>
                        </div>
                        <div>
                            <p class="text-white">Dimensions:</p>
                            <h1 class="text-[#ffd916] text-2xl">25.2*20.5*26.5cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color:</p>
                            <h1 class="text-[#ffd916] text-2xl">White</h1>
                        </div>
                        <div>
                            <p class="text-white">Power:</p>
                            <h1 class="text-[#ffd916] text-2xl">60W</h1>
                        </div>
                        <div>
                            <p class="text-white">Output:</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 5V-5.0A (MAX), USB 5V/2A Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Certification:</p>
                            <h1 class="text-[#ffd916] text-2xl">CE, FCC, RoHS, MSDS, UN38.3, CQC</h1>
                        </div>
                    </div>

                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/3_Charge.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCW8</h1>
                    </div>
                </div>
            </div>
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots:</p>
                            <h1 class="text-[#ffd916] text-2xl">8 pcs Power Banks with Screen</h1>
                        </div>
                        <div>
                            <p class="text-white">Net Weight:</p>
                            <h1 class="text-[#ffd916] text-2xl">5.22 kg</h1>
                        </div>
                        <div>
                            <p class="text-white">Material:</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS</h1>
                        </div>
                        <div>
                            <p class="text-white">Network:</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Size:</p>
                            <h1 class="text-[#ffd916] text-2xl">10.1 inches</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Resolution:</p>
                            <h1 class="text-[#ffd916] text-2xl">800*1280</h1>
                        </div>
                      
                        <div>
                            <p class="text-white">Power Protection:</p>
                            <h1 class="text-[#ffd916] text-2xl">Overcurrent, overvoltage, overcharge, over discharge, short circuit, over temperature protection</h1>
                        </div>
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions:</p>
                            <h1 class="text-[#ffd916] text-2xl">25.2*20.5*46 cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color:</p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white">Power:</p>
                            <h1 class="text-[#ffd916] text-2xl">60W</h1>
                        </div>
                        <div>
                            <p class="text-white">Input:</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50/60Hz 0.8A</h1>
                        </div>
                        <div>
                            <p class="text-white">Output:</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-5.0A (MAX)</h1>
                        </div>
                        <div>
                            <p class="text-white">Certification:</p>
                            <h1 class="text-[#ffd916] text-2xl">CE, FCC, RoHS, MSDS, UN38.3, CQC</h1>
                        </div>
                    </div>


                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/4_Charge.png')}}" alt="">
                         <h1 class="text-[#ffd916] text-4xl">CCWS8</h1>
                    </div>
                </div>
            </div>
            
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots:</p>
                            <h1 class="text-[#ffd916] text-2xl">12 pcs Power Banks with Screen</h1>
                        </div>
                        <div>
                            <p class="text-white">Net Weight:</p>
                            <h1 class="text-[#ffd916] text-2xl">7 kg</h1>
                        </div>
                        <div>
                            <p class="text-white">Material:</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS</h1>
                        </div>
                        <div>
                            <p class="text-white">Network:</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Size:</p>
                            <h1 class="text-[#ffd916] text-2xl">10.1 inches</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Resolution:</p>
                            <h1 class="text-[#ffd916] text-2xl">800*1280</h1>
                        </div>
                         <div>
                            <p class="text-white">Power Protection:</p>
                            <h1 class="text-[#ffd916] text-2xl">Overcurrent, overvoltage, overcharge, over discharge, short circuit, over temperature protection</h1>
                        </div>
                       
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions:</p>
                            <h1 class="text-[#ffd916] text-2xl">25.2*20.5*55.3 cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color:</p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white">Power:</p>
                            <h1 class="text-[#ffd916] text-2xl">60W Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Output:</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-5.0A (MAX), USB 5V/2A Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Certification:</p>
                            <h1 class="text-[#ffd916] text-2xl">CE, FCC, RoHS, MSDS, UN38.3, CQC</h1>
                        </div>
                         <div>
                            <p class="text-white">Input:</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50/60Hz 0.8A</h1>
                        </div>
                       
                    </div>



                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/5_Charge.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCWS12</h1>
                    </div>
                </div>
            </div>
            
            <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots:</p>
                            <h1 class="text-[#ffd916] text-2xl">20 pcs Power Banks with Screen</h1>
                        </div>
                        <div>
                            <p class="text-white">Weight:</p>
                            <h1 class="text-[#ffd916] text-2xl">38 kg (with power bank)</h1>
                        </div>
                        <div>
                            <p class="text-white">Material:</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS + Metal</h1>
                        </div>
                        <div>
                            <p class="text-white">Network:</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Size:</p>
                            <h1 class="text-[#ffd916] text-2xl">23.8 inches</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Resolution:</p>
                            <h1 class="text-[#ffd916] text-2xl">1920*1080</h1>
                        </div>
                       
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions:</p>
                            <h1 class="text-[#ffd916] text-2xl">34.7*17.2*172 cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color:</p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white">Power:</p>
                            <h1 class="text-[#ffd916] text-2xl">200W Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Output:</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-12.5A Max</h1>
                        </div>
                         <div>
                            <p class="text-white">Input:</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50-60Hz 0.8A</h1>
                        </div>
                        <div>
                            <p class="text-white">Security:</p>
                            <h1 class="text-[#ffd916] text-2xl">Over Charging Protection</h1>
                        </div>
                    </div>




                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/6_Charge.png')}}" alt="">
                        <h1 class="text-[#ffd916] text-4xl">CCWS20</h1>
                    </div>
                </div>
            </div>
            
            
            
            
              <hr class="border border-[#ffd916] my-8">
            <div class="section" data-address="123 Main Street, City, State, ZIP" data-province="province">
                <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Slots:</p>
                            <h1 class="text-[#ffd916] text-2xl">40 pcs Power Banks with Screen</h1>
                        </div>
                        <div>
                            <p class="text-white">Weight:</p>
                            <h1 class="text-[#ffd916] text-2xl">55 kg (with power bank)</h1>
                        </div>
                        <div>
                            <p class="text-white">Material:</p>
                            <h1 class="text-[#ffd916] text-2xl">Fireproof ABS + Metal</h1>
                        </div>
                        <div>
                            <p class="text-white">Network:</p>
                            <h1 class="text-[#ffd916] text-2xl">Support 4G/3G/2G or WIFI</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Size:</p>
                            <h1 class="text-[#ffd916] text-2xl">43 inches</h1>
                        </div>
                        <div>
                            <p class="text-white">Screen Resolution:</p>
                            <h1 class="text-[#ffd916] text-2xl">1920*1080</h1>
                        </div>
                        
                    </div>
                    <div data-aos="fade-right" data-aos-duration="1000" class="space-y-4">
                        <div>
                            <p class="text-white">Dimensions:</p>
                            <h1 class="text-[#ffd916] text-2xl">60*17.2*192 cm</h1>
                        </div>
                        <div>
                            <p class="text-white">Color:</p>
                            <h1 class="text-[#ffd916] text-2xl">White or Black</h1>
                        </div>
                        <div>
                            <p class="text-white">Power:</p>
                            <h1 class="text-[#ffd916] text-2xl">420W Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Output:</p>
                            <h1 class="text-[#ffd916] text-2xl">DC 12V-12.5A Max</h1>
                        </div>
                        <div>
                            <p class="text-white">Input:</p>
                            <h1 class="text-[#ffd916] text-2xl">AC 100V-240V 50-60Hz 0.8A</h1>
                        </div>
                        <div>
                            <p class="text-white">Security:</p>
                            <h1 class="text-[#ffd916] text-2xl">Over Charging Protection</h1>
                        </div>
                    </div>





                    <div class="flex flex-col items-center justify-center" data-aos="fade-left" data-aos-duration="1000">
                        <img class="object-scale-down" src="{{asset('images/stations/7_Charge.png')}}" alt="">
                          <h1 class="text-[#ffd916] text-4xl">CCWS40</h1>
                    </div>
                </div>
            </div>
            
            
            
            
        </div>
    </div>

</div>




@include('layouts.station')
@include('layouts.footer')


<script>
    document.getElementById('search').addEventListener('input', filterSections);
    document.getElementById('provinceFilter').addEventListener('input', filterSections);

    function filterSections() {
        let searchQuery = document.getElementById('search').value.toLowerCase();
        let provinceQuery = document.getElementById('provinceFilter').value.toLowerCase();
        let sections = document.querySelectorAll('.section');

        sections.forEach(section => {
            let address = section.getAttribute('data-address').toLowerCase();
            let province = section.getAttribute('data-province').toLowerCase();

            let matchesSearch = address.includes(searchQuery);
            let matchesProvince = province.includes(provinceQuery);

            if (matchesSearch && matchesProvince) {
                section.style.display = 'block';
            } else {
                section.style.display = 'none';
            }
        });
    }
</script>


@endsection