@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/training/SPA-hero-banner.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">ISO 20400 Sustainable Procurement <br><span>Lead Implementor Training</span>
                                    </h1>
                                    <p class="subtitle marB42">Master the ISO 20400:2017 standard to build ethical, sustainable,
                                        and resilient procurement systems that create long-term value across your supply chain.
                                    </p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="javascript:void(0)" class="bs-btn typ-fill" onclick="openPopupTC()"
                                            data-page-source="iso-20400-2017-sustainable-procurement-lead-implementor">Book
                                            Your Course</a>
                                    </div>
                                    <div class="custom-btn-group down">
                                        <a href="{{ route('training.calendar.index') }}" class="bs-btn typ-fill">Upcoming
                                            Batches</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-blogs typ-blog-details typ-mission-sec4 bs-ayush typ-qms-course">
            <div class="wrap">
                <div class="container">
                    <div class="row mb-4 qms-row1">
                        <div class="col-lg-9">
                            <div class="common-heading" data-aos="fade" data-aos-delay="300">
                                <div class="line">
                                    <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                        alt="line-img">
                                </div>
                                <div class="bs-sub-heading text-uppercase">Introduction</div>

                            </div>
                            <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                                Lead the Future of Sustainable Procurement</h2>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <p class="bs-para mb-3">
                                The ISO 20400:2017 Sustainable Procurement Lead Implementor Training by IRClass - IRQS helps
                                professionals turn procurement into a driver of positive environmental and social impact. This
                                three-day online program provides a practical understanding of the ISO 20400 framework,
                                guiding participants on how to embed sustainability into policies, supplier relationships, and
                                day-to-day purchasing decisions. It highlights how responsible sourcing can strengthen
                                compliance, reduce risks, and create long-term business value.
                            </p>
                            <p class="bs-para">
                                Through expert-led sessions and real-world case studies, participants learn how to implement
                                sustainable procurement strategies that go beyond cost and performance—focusing on
                                transparency, ethics and environmental stewardship. By the end of the training, attendees will
                                be ready to lead change, align their organizations with ISO 20400:2017, and build supply chains
                                that deliver real, measurable sustainability outcomes.
                            </p>
                        </div>
                    </div>

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

        <section class="lyt-section bs-certification typ-goi typ-expert-skil typ-life-cycle">
            <div class="wrap">
                <div class="container">
                    <div class="row justify-content-between">
                        <div class="col-lg-6 col-12">
                            <img src="{{ asset('assets/images/training/SPA-take-a-closer-look.webp') }}" alt="certification-journey"
                                class="img-fluid exper-img" />
                        </div>
                        <div class="col-lg-6 col-12 d-flex justify-content-end">
                            <div class="right-cycle">
                                <div class="common-heading mt-3" data-aos="fade" data-aos-delay="300">
                                    <div class="line">
                                        <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                            alt="line-img">
                                    </div>
                                    <div class="bs-sub-heading text-uppercase">Take a Closer Look at ISO 20400</div>

                                </div>
                                <h2 class="bs-heading" data-aos="fade" data-aos-delay="400">
                                    Explore ISO 20400 Sustainable Procurement Lead Implementor Training
                                </h2>


                                <p class="bs-para mb-4">
                                    The ISO 20400:2017 Sustainable Procurement Lead Implementor Training is a three-day online
                                    program designed to help professionals integrate sustainability into procurement systems.
                                    The course covers ISO 20400 principles, policy development, supplier engagement and practical
                                    implementation. Guided by experts and real-world examples, participants learn to align
                                    procurement practices with global sustainability standards and build responsible, ethical
                                    supply chains.
                                </p>
                                <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                                    onclick="openPopupTC()" data-page-source="iso-20400-2017-sustainable-procurement-lead-implementor">Enroll Now</a>
                                @if (isset($trainingBrochure) && $trainingBrochure->status === 'active')
                                    <button type="button" class="bs-btn typBlack" data-aos="fade" data-aos-delay="400"
                                        onclick="downloadBrochure('{{ route('sustainability.training.brochure.download') }}', this)">Download Brochure</button>
                                @endif
                            </div>

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

        <section class="lyt-section bs-certification typBlack typ-qms  typ-t-lca">
            <div class="container">
                <div class="row mb-4">
                    <div class="col-md-7">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid" alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Key contents <span class="ms-1"></span>
                            </div>
                        </div>
                        <h2 class="bs-heading typWhite" data-aos="fade" data-aos-delay="400">
                            What You’ll Learn in the ISO 20400:2017 Sustainable Procurement Lead Implementor Training
                        </h2>
                    </div>
                    <div class="col-md-5 d-flex justify-content-end align-items-center">
                        <div class="">
                            <div class="d-flex gap-2 bio1">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper mySwiperCT">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 1_ Introduction to Sustainable Procurement.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Introduction to Sustainable Procurement</h3>
                                <p class="card-text">Understand the fundamentals of ISO 20400:2017, its purpose, and its
                                    importance in driving ethical, social and environmental responsibility in procurement.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 2_ Understanding ISO 20400 Requirements.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Understanding ISO 20400 Requirements</h3>
                                <p class="card-text">Explore the core requirements and principles of the standard, including
                                    transparency, stakeholder engagement and value-chain sustainability.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 3_ Developing Sustainable Procurement Policies.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Developing Sustainable Procurement Policies</h3>
                                <p class="card-text">Learn how to create and implement procurement policies aligned with ISO
                                    20400 to ensure accountability and long-term impact.</p>
                            </div>
                        </div>

                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 4_ Integration into Procurement Processes.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Integration into Procurement Processes</h3>
                                <p class="card-text">Gain insights on embedding sustainability into day-to-day procurement
                                    activities, from supplier selection to performance evaluation.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 5_ Supplier Engagement and Evaluation.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Supplier Engagement and Evaluation</h3>
                                <p class="card-text">Discover effective techniques for engaging suppliers, assessing
                                    sustainability performance, and promoting responsible sourcing.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 6_ Risk Management and Continuous Improvement.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Risk Management and Continuous Improvement</h3>
                                <p class="card-text">Understand how to identify risks, measure progress, and establish a cycle
                                    of continuous improvement for sustainable procurement excellence.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 7_Performance Measurement and Reporting.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Performance Measurement and Reporting</h3>
                                <p class="card-text">Addresses tracking, transparency, and communication, crucial to
                                    demonstrating procurement outcomes.</p>
                            </div>
                        </div>
                        <div class="swiper-slide"
                            style="background-image:url('{{ asset('assets/images/training/Slide 8_Case Studies and Best Practices.webp') }}')">
                            <div class="card-content">
                                <h3 class="card-title">Case Studies and Best Practices</h3>
                                <p class="card-text">Offers practical insights and peer learning for immediate, real-world
                                    application.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="lyt-section bs-outcomes ">
            <div class="container">
                <div class="outcomes-wrapper">
                    <img src="{{ asset('assets/images/training/SPA-expected-outcomes.webp') }}" alt="Participants"
                        class="outcomes-img">

                    <div class="outcomes-box">
                        <h2 class="outcome-heading bs-heading">Expected Outcomes</h2>
                        <p class="bs-para">
                            Participants will gain the skills and knowledge to lead the implementation of sustainable
                            procurement practices in line with ISO 20400:2017. They will be equipped to develop responsible
                            sourcing strategies, engage suppliers effectively, and align procurement processes with
                            environmental and social objectives. By the end of the training, participants will be ready to
                            drive ethical, transparent, and sustainable procurement across their organizations.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="bs-outcomes typ-why-should">
            <div class="">
                <div class="row training-section g-0">

                    <div class="col-md-6 training-content">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/white-bg-line.svg') }}" class="img-fluid"
                                    alt="line-img">
                            </div>
                            <div class="bs-sub-heading text-uppercase">Who Will Benefit Most</div>

                        </div>
                        <h2 class="bs-heading mb-3" data-aos="fade" data-aos-delay="400">
                            Who Should Attend ISO 20400:2017 Sustainable Procurement Lead Implementor Training</h2>
                        <ul class="bs-para">
                            <li>Procurement Managers</li>
                            <li>Sustainability Leaders</li>
                            <li>Corporate Social Responsibility (CSR) Professionals</li>
                            <li>Supply Chain Managers</li>
                            <li>Quality Assurance Experts</li>
                            <li>Professionals responsible for implementing or managing sustainable procurement initiatives
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-5">
                        <img src="{{ asset('assets/images/training/why-should.webp') }}" alt="Training"
                            class="training-img">
                    </div>

                </div>
            </div>
        </section>
        <section class="lyt-section bs-ayush background-wrapper set-bg"
            data-img="{{ asset('assets/images/training/training-bg.webp') }}"
            style="background-size: cover; background-position: top; background-repeat: no-repeat;">
            <div class="container typ-faq">
                <div class="row align-items-start">

                    <div class="col-lg-4">
                        <div class="common-heading" data-aos="fade" data-aos-delay="300">
                            <div class="line">
                                <img src="{{ asset('assets/images/blue-bg-line.svg') }}" class="img-fluid"
                                    alt="line-img">
                            </div>
                            <div class="bs-sub-heading typWhite text-uppercase">Frequently Asked <span
                                    class="">Questions</span></div>
                        </div>
                        <h2 class="bs-heading typWhite" data-aos="fade" data-aos-delay="400">
                            Your ISO 20400:2017 Sustainable Procurement Lead Implementor Training Questions Answered
                        </h2>
                    </div>


                    <div class="col-lg-8">
                        <div class="accordion" id="faqAccordion">

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        What is the ISO 20400:2017 Sustainable Procurement Lead Implementor Training?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show"
                                    aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        The ISO 20400:2017 Sustainable Procurement Lead Implementor Training by Indian Register
                                        Quality Systems (IRQS) is a three-day online program designed to help professionals
                                        integrate sustainability principles into procurement systems. The course provides a
                                        detailed understanding of ISO 20400 requirements, covering sustainable procurement
                                        strategy, supplier engagement, and responsible sourcing. Participants learn how to align
                                        procurement activities with environmental, social, and ethical objectives to drive
                                        long-term value and resilience across the supply chain.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        What topics are covered in the ISO 20400 Training program?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        The training covers key areas such as understanding ISO 20400 principles, developing
                                        sustainable procurement policies, integrating sustainability into procurement
                                        operations, engaging and evaluating suppliers and managing risks. Real-world case
                                        studies and expert-led sessions ensure participants can apply ISO 20400 concepts
                                        effectively within their organizations.
                                    </div>
                                </div>
                            </div>


                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed text-start" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
                                        What are the key benefits of attending this training?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        By completing this program, participants gain the expertise to design and implement
                                        procurement processes that promote sustainability, transparency, and ethical practices.
                                        They learn to build strong supplier partnerships, identify risks and enhance
                                        organizational accountability. The training also helps businesses improve compliance
                                        with sustainability standards and demonstrate leadership in responsible procurement.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFour" aria-expanded="false"
                                        aria-controls="collapseFour">
                                        Who should attend the ISO 20400:2017 Sustainable Procurement Lead Implementor
                                        Training?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        This training is ideal for Procurement Managers, Sustainability Leaders, CSR
                                        Professionals, Supply Chain Managers, and Quality Assurance Experts. It is also
                                        valuable for professionals responsible for embedding sustainability into sourcing
                                        decisions or managing supplier performance in line with global standards.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFive" aria-expanded="false"
                                        aria-controls="collapseFive">
                                        How will this training benefit my organization?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                    data-bs-parent="#faqAccordion">
                                    <div class="accordion-body">
                                        Organizations that invest in this training can strengthen their procurement systems and
                                        ensure long-term sustainability across their value chain. Certified professionals can
                                        help implement ISO 20400-aligned procurement frameworks, improve supplier
                                        collaboration, and reduce environmental and social risks. This approach enhances brand
                                        reputation, supports ESG goals, and positions the organization as a responsible,
                                        future-ready business partner.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </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">
                                Get Certified with Confidence
                            </h2>
                            <p class="bs-para mb-4" data-aos="fade" data-aos-delay="300">
                                Start your journey today with trusted experts in certification, assurance and training who
                                make the process simple seamless and stress free.
                            </p>
                            <a href="javascript:void(0)" class="bs-btn typ-yellow" data-aos="fade" data-aos-delay="400"
                                onclick="openPopupTC()"
                                data-page-source="iso-20400-2017-sustainable-procurement-lead-implementor">Get Certified</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')
    </main>

    {{-- Include enquiry form modal for Sustainability Training page --}}
    @include('components.enquiry-form-wrapper', [
        'pageSource' => 'iso-20400-2017-sustainable-procurement-lead-implementor',
        'formType' => 'enquiry',
    ])

    @include('website.partials.include_js')

    <script>
        function downloadBrochure(downloadUrl, button) {
            // Store original content
            const originalContent = button.innerHTML;
            const originalText = button.textContent.trim();

            // Show spinner and disable button
            button.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Downloading...';
            button.disabled = true;

            // Create a temporary link for download
            const link = document.createElement('a');
            link.href = downloadUrl;
            link.style.display = 'none';
            document.body.appendChild(link);

            // Trigger download
            link.click();

            // Clean up temporary link
            document.body.removeChild(link);

            // Simulate download completion (since we can't detect actual download completion)
            setTimeout(() => {
                // Update button to show downloaded state
                button.innerHTML = '<i class="fas fa-check me-2"></i>Downloaded';
                button.disabled = true;

                // Reset button after 3 seconds
                setTimeout(() => {
                    button.innerHTML = originalContent;
                    button.disabled = false;
                }, 3000);
            }, 1000);
        }
    </script>
@endsection