@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 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 PRODUCTS</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, 1W @ 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>

    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="d-flex justify-content-center align-items-center flex-column">
                    <h4 class="fture">FEATURES</h4>
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </div>
                <div class="col-md-2">
                    <img src="https://ctiimg.com/acutecommunication/img/gap.png" class="w-100">
                </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">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">Chipset</th>
                            <td>MTK</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th>Module</th>
                            <td>Quectel L89</td>
                        </tr>
                        <tr>
                            <th>GPS L1,L5 Dual Band Receiver</th>
                            <td>GPS L1/Galileo/Glonass/GPS E1 C/A: 1575.42 MHz</td>
                        </tr>
                        <tr>
                            <th>Position Accuracy</th>
                            <td>IRNSS L5 C/A: 1176.45 MHz</td>
                        </tr>
                        <tr>
                            <th>Velocity Accuracy</th>
                            <td>Tracking: -163dBm</td>
                        </tr>
                        <tr>
                            <th>Acceleration Accuracy</th>
                            <td>Acquisition: -147dBm</td>
                        </tr>
                        <tr>
                            <th>VTTIF</th>
                            <td>hhh</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="col-md-4 align-self-center">
                <img src="{{ asset('frontend/images/earth.png') }}" class="w-100">
            </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/redicon.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 PRODUCTS</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;">{{ $product->description }}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section> --}}
    <section>
        <div class="OUR_PRODUCTS ">
            <div class="d-flex justify-content-center align-items-center flex-column">
                <h4 class="theme-color">OUR PRODUCTS</h4>
                <p>Special products for all your needs</p>
                <div class="linebottomOne"></div>
            </div>
            <div class="card-slider">
                @foreach ($products as $value)
                    <div class="card">
                        <div class="p-2">
                            <a href="#" target="_blank" class="main-link">
                                <h2 class="sliderproducthd">{{ $value->title }}</h2>
                                <p class="prpductpara">{{ $value->name }} </p>
                                <div class="image">
                                    <img src="{{ asset('admin/img/' . $value->image) }}">
                                </div>
                            </a>
                            <ul class="myproduct">
                                {{-- <li>
                                    QUAD BAND :
                                     {{ $value->quad_band }}
                                </li> --}}
                                <li>
                                    {{-- GPRS Multi-Slot Class :  --}}
                                    {{-- {{ strlen($value->description) > 35 ? substr($value->description, 0, 35) . '...' : $value->description }} --}}
                                    {{-- {{ strlen(strip_tags($value->description)) > 35 ? substr(strip_tags($value->description), 0, 35) . '...' : strip_tags($value->description) }} --}}
                                     {!!$value->description!!}
                                </li>
                            </ul>
                        </div>
                        {{-- <a href="#" class="reviews-link"> Read more </a> --}}
                    </div>
                @endforeach
                {{-- <div class="card">
                    <div class="p-2">
                        <a href="#" target="_blank" class="main-link">
                            <h2 class="sliderproducthd"> MC201</h2>
                            <p class="prpductpara"> ACUTE140 </p>
                            <div class="image">
                                <img src="images/product.png">
                            </div>
                        </a>
                        <ul class="myproduct">
                            <li>
                                QUAD BAND : 850/900/1800/1900MHZ
                            </li>
                            <li>
                                GPRS Multi-Slot Class : Class 12 (85.6 KBPS)
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="reviews-link"> Read more </a>
                </div>
                <div class="card">
                    <div class="p-2">
                        <a href="#" target="_blank" class="main-link">
                            <h2 class="sliderproducthd"> MC201</h2>
                            <p class="prpductpara"> ACUTE140 </p>
                            <div class="image">
                                <img src="images/product.png">
                            </div>
                        </a>
                        <ul class="myproduct">
                            <li>
                                QUAD BAND : 850/900/1800/1900MHZ
                            </li>
                            <li>
                                GPRS Multi-Slot Class : Class 12 (85.6 KBPS)
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="reviews-link"> Read more </a>
                </div>
                <div class="card">
                    <div class="p-2">
                        <a href="#" target="_blank" class="main-link">
                            <h2 class="sliderproducthd"> MC201</h2>
                            <p class="prpductpara"> ACUTE140 </p>
                            <div class="image">
                                <img src="images/product.png">
                            </div>
                        </a>
                        <ul class="myproduct">
                            <li>
                                QUAD BAND : 850/900/1800/1900MHZ
                            </li>
                            <li>
                                GPRS Multi-Slot Class : Class 12 (85.6 KBPS)
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="reviews-link"> Read more </a>
                </div>
                <div class="card">
                    <div class="p-2">
                        <a href="https://accessible360.com" target="_blank" class="main-link">
                            <h2 class="sliderproducthd"> MC201</h2>
                            <p class="prpductpara"> ACUTE140 </p>
                            <div class="image">
                                <img src="images/product.png">
                            </div>
                        </a>
                        <ul class="myproduct">
                            <li>
                                QUAD BAND : 850/900/1800/1900MHZ
                            </li>
                            <li>
                                GPRS Multi-Slot Class : Class 12 (85.6 KBPS)
                            </li>
                        </ul>
                    </div>
                    <a href="#" class="reviews-link"> Read more </a>
                </div> --}}
            </div>
    </section>


@endsection