@extends('frontend.layout.layout')
@section('title','Product detail')
@section('content')
<section class="bkground">
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <div class="pageheading">
                    <h3>{{ $cate->title }}</h3>
                    <h1> What we are give you </h1>
                </div>

            </div>
        </div>
    </div>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <img src="{{asset('frontend/images/ac.png')}}" class="w-100">
            </div>
            <div class="col-md-2 ">
            </div>
            <div class="col-md-6 align-self-center">
                <h4 class="theme-color">OUR PPRODUCTS</h4>
                <div>
                    <p> Discover our cutting-edge AIS 140 compliant products, designed to elevate your
                        transportation system's efficiency and safety.</p>
                    <p> ACUTE140 (IRNSS) Technical Specifications :</p>

                    <ul>
                        <li>QUAD BAND : 850/900/1800/1900MHZ</li>
                        <li>GPRS Multi-Slot Class : Class 12 (85.6 KBPS)</li>
                        <li>GPRS MOBILE STATION : CLASS B</li>
                        <li>Output Power : 2W @ 850/900Mhz , 1 W @ 1800/1900Mhz</li>
                    </ul>
                    <div class="mt-4">
                        <a href="" class="gradient-btnBlue">Enquire Now</a>
                        <a href="" class="gradient-btn ms-2">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="col-md-12">
    <div class="our-partners-heading d-flex justify-content-center align-items-center">
        <h3 class="theme-color">GNSS (GPS/GLONASS/IRNSS/Galileo) Features</h3>
    </div>
</div>
<section style="background: linear-gradient(90deg, #1B468F 0%,  #000000 100%); ">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="row">
                    <table class="table">
                        <thead>
                            <tr>
                                <th class="tbr" scope="col">Chipset</th>
                                <td class="tbr">MTK</td>

                            </tr>
                        </thead>
                        <tbody>
                            <tr class="tbr">
                                <th class="tbr">Module</th>
                                <td class="tbr">Quectel L89</td>
                            </tr>
                            <tr class="tbr">
                                <th class="tbr">GPS L1,L5 Dual Band Receiver</th>
                                <td class="tbr">GPS L1/Galileo/Glonass/GPS E1 C/A: 1575.42 MHz</td>
                            </tr>
                            <tr class="tbr">
                                <th class="tbr">Position Accuracy</th>
                                <td class="tbr">IRNSS L5 C/A: 1176.45 MHz</td>
                            </tr>
                            <tr class="tbr">
                                <th class="tbr">Velocity Accuracy</th>
                                <td class="tbr">Tracking:-163dBm</td>
                            </tr>
                            <tr class="tbr">
                                <th class="tbr">Acceleration Accuracy</th>
                                <td class="tbr">Acquisition:-147dBm</td>
                            </tr>
                            <tr class="tbr">
                                <th class="tbr">VTTIF</th>
                                <td class="tbr">hhh</td>
                            </tr>
                        </tbody>
                    </table>

                </div>
            </div>
            <div class="col-md-4 align-self-center">
                <img src="{{asset('frontend/images/earth.png')}}" class="w-100" />
            </div>

        </div>
    </div>
</section>

<section>
    <div class="OUR_PRODUCTS mt-5">
        <div class="d-flex justify-content-center align-items-center flex-column">
            <h4 class="theme-color">OUR PPRODUCTS</h4>
            <p>Special products for all your needs</p>
            <div class="linebottomOne"></div>
        </div>
        <div class="container">
            <div class="row py-4">
                @foreach ($products as $product)
                <div class="col-md-3 mb-3">
                    <div class="ProductCard zeropd">
                        <img src="{{ asset('admin/img/' . $product->image ) }}" class="w-100" alt="product" />
                        <div class="ProductCard-content">
                            <h2 class="ProductCard-title mb-0 cntrtext">{{$product->name}}</h2>
                            <p class="mt-1 cntrtext lo" style="font-size: 12px;">Lorem Ipsum is simply </p>
                        </div>
                    </div>
                </div>
               @endforeach
                {{-- <div class="col-md-3 mb-3">
                    <div class="ProductCard zeropd">
                        <img src="{{ asset('frontend/images/product.png')}}" class="w-100" alt="product" />
                        <div class="ProductCard-content">
                            <h2 class="ProductCard-title mb-0 cntrtext">ACUTE AIS2222-140</h2>
                            <p class="mt-1 cntrtext lo" style="font-size: 12px;">Lorem Ipsum is simply </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="ProductCard zeropd">
                        <img src="{{ asset('frontend/images/product.png')}}" class="w-100" alt="product" />
                        <div class="ProductCard-content">
                            <h2 class="ProductCard-title mb-0 cntrtext">ACUTE AIS2222-140</h2>
                            <p class="mt-1 cntrtext lo" style="font-size: 12px;">Lorem Ipsum is simply </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-3">
                    <div class="ProductCard zeropd">
                        <img src="{{ asset('frontend/images/product.png')}}" class="w-100" alt="product" />
                        <div class="ProductCard-content">
                            <h2 class="ProductCard-title mb-0 cntrtext">ACUTE AIS2222-140</h2>
                            <p class="mt-1 cntrtext lo" style="font-size: 12px;">Lorem Ipsum is simply </p>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
        <!--end of OUR_PRODUCTS-->
</section>
@endsection