@extends('layouts.website')

@section('content')
<main>
    <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner">
        <div class="swiper main">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="background-wrapper set-bg"
                        data-img="{{ asset('assets/images/industry-list/Automotive-baner.webp') }}">
                        <div class="container">
                            <div class="hero-wrapper">
                                <h1 class="title">Automotive</h1>
                                <p class="subtitle marB42">Empowering automotive organizations with globally recognized
                                    certification, training and sustainability standards.</p>
                                <div class="custom-btn-group mb-2">
                                    <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()"
                                        data-page-source="industries-automotive">Get a Quote Now</a>
                                </div>
                                <div class="custom-btn-group down">
                                    <a href="#" class="bs-btn typ-fill typ-hover">Get Started</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">

                   <h2 class=" bs-heading bs-head bs-title typ-bs-margin " data-aos="fade" data-aos-delay="400">
                        The automotive sector operates in a constantly changing environment where regulatory compliance, quality, safety and sustainability are critical for success. IRQS offers a wide range of certification, training and sustainability solutions tailored for automotive manufacturers, suppliers and service providers. While certain ISO and international standards are widely adopted in the industry, our expert team supports organizations in identifying and implementing all relevant standards for their unique needs and business goals.
                    </h2>
                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of ISO Certification Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Automotive-Quality-Management-System.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">IATF 16949 – Automotive Quality Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Quality-Management-System.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 9001 – Quality Management System
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Environmental-Management-System.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14001 – Environmental Management System</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Occupational-Health-and-Safety-Management-System.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 45001 – Occupational Health & Safety Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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



                @php
                $totalCards = $cardIndex;
                $shouldShowViewAll = $totalCards > $initialLimit;
                @endphp
                <!-- <div class="custom-btn-group d-flex justify-content-center mt-4 {{ $shouldShowViewAll ? '' : 'd-none' }}" id="viewAllIndustries">
                        <a href="javascript:void(0)" class="bs-btn my-3">View all</a>
                    </div> -->
            </div>
        </div>


    </section>

      <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">


                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
      List of Training Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Automotive-Quality-Management-System-section-2.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">IATF 16949 – Automotive Quality Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Quality-Management -System-section-2.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 9001 – Quality Management System
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Environmental-Management-System-section-2.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14001 – Environmental Management System</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Occupational-Health-Safety-Management-System-section-2.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 45001 – Occupational Health & Safety Management System</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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



                @php
                $totalCards = $cardIndex;
                $shouldShowViewAll = $totalCards > $initialLimit;
                @endphp
                <!-- <div class="custom-btn-group d-flex justify-content-center mt-4 {{ $shouldShowViewAll ? '' : 'd-none' }}" id="viewAllIndustries">
                        <a href="javascript:void(0)" class="bs-btn my-3">View all</a>
                    </div> -->
            </div>
        </div>


    </section>


     <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">


                    <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
      List of Sustainability Standards Applicable
                    </h2>
                </div>

            </div>

        </div>
        <div class="container">
            @php
            $initialLimit = 9;
            $cardIndex = 0;
            @endphp
            <div id="industriesGrid" class="row g-0">
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Greenhouse-Gas-Accounting-and-Verification-section-3.webp') }}"
                                alt="Engineering & Manufacturing" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14064 – Greenhouse Gas Accounting & Verification</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Product-Carbon-Footprint-section-3.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 14067 – Product Carbon Footprint
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Zero-Waste-to-Landfill-section-3.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">Zero Waste to Landfill</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Carbon-Border-Adjustment-Mechanism-section-3.webp') }}"
                                alt="Food & Beverages" class="team-img" />
                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">Carbon Border Adjustment Mechanism (CBAM)</h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>

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

                 @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card middle-col">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/GRI-Sustainability-Report-Verification-and-Assurance-section-3.webp') }}" alt="Automotive"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">BRSR/GRI Sustainability Report Verification & Assurance
                                </h5>

                                <!-- <div class="team-role">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>


                @php $cardIndex++; $cardClasses = 'col-12 col-md-4'; if ($cardIndex > $initialLimit) { $cardClasses .= '
                d-none initial-limit-hidden'; } @endphp
                <div class="{{ $cardClasses }}" data-industry-card>
                    <div class="team-card">
                        <div class="image-container">
                            <img src="{{ asset('assets/images/industry-list/Sustainable-Procurement-section-3.webp') }}" alt="IT & ITES"
                                class="team-img" />

                        </div>
                        <div class="team-content d-flex align-items-end justify-content-between">
                            <div>
                                <h5 class="">ISO 20400 – Sustainable Procurement</h5>

                                <!-- <div class="team-role pb-2">
                                        <a href="javascript:void(0)" class="event-reg" onclick="openPopupTC()">Get a Quote</a>
                                    </div> -->
                            </div>
                        </div>
                    </div>
                </div>



                @php
                $totalCards = $cardIndex;
                $shouldShowViewAll = $totalCards > $initialLimit;
                @endphp
                <!-- <div class="custom-btn-group d-flex justify-content-center mt-4 {{ $shouldShowViewAll ? '' : 'd-none' }}" id="viewAllIndustries">
                        <a href="javascript:void(0)" class="bs-btn my-3">View all</a>
                    </div> -->
            </div>
        </div>


    </section>

    
     
  <section
        class="bs-training-calender lyt-section typ-mission-sec5 typ-member-sec3 background-wrapper set-bg typ-contact-sec4 typ-event typ-hfc">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12 mt-lg-0 mt-4 d-flex justify-content-center flex-column align-items-center">

                   <h2 class=" bs-heading bs-head bs-title typ-bs-margin " data-aos="fade" data-aos-delay="400">
                        At IRQS, we help automotive industry players achieve compliance, continuous improvement and sustainable growth by providing guidance across all standards relevant to your business. Get in touch to discover certification, training and sustainability solutions designed for the needs of the automotive sector.
                    </h2>
                    <!-- <h2 class="bs-heading bs-head typ-bs-margin text-center" data-aos="fade" data-aos-delay="400">
                        List of ISO Certification Standards Applicable
                    </h2> -->
                </div>

            </div>

        </div>
     


    </section>


    <section class="lyt-section typ-certified p-0">
        <div class="container-padding-left-create">
            <div class="certified-wrapper">
                <div class="leftBox lyt-section">
                    <div class="maxw400">
                        <h2 class="bs-heading mb-4" data-aos="fade" data-aos-delay="200">
                           Didn’t find the certification standard you <span>need? </span>
                        </h2>
                        <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                           Contact us for audit and certification of specialized, less common or sector-specific standards suitable for your project. Our team can guide you regarding other relevant and sector-specific international standards that may also apply.
                        </p>
                        <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                            onclick="openPopupTC()" data-page-source="industries-automotive">Request Certification Service</a>
                    </div>
                </div>
                <div class="rightBox">
                    <div class="box-img" data-aos="fade" data-aos-delay="300">
                        <img src="{{ asset('assets/images/certified-bg.jpg') }}" class="img-fluid" alt="background-img">
                    </div>
                    <div class="middle-img" data-aos="fade" data-aos-delay="500">
                        <img src="{{ asset('assets/images/certified-img.png') }}" class="img-fluid" alt="man-img">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- back to top  -->
    <a href="#" class="back-to-top">
        <span class="icon icon-drop-icon"></span>
    </a>
    {{-- Request a Quote Button Component --}}
    @include('components.request-quote-button', ['buttonImage' => 'btn1.svg'])
</main>

{{-- Include enquiry form modal for Automotive Industry page --}}
@include('components.enquiry-form-wrapper', ['pageSource' => 'industries-automotive', 'formType' => 'enquiry'])

<!-- @include('website.partials.include_js') -->
@endsection