@extends('frontend.layout.app') @section('content')
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
  integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
  crossorigin="anonymous"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<main>
  <section
    class="banner-sec"
    style="
      background-image: url('public/home/assets/img/Videos.jpg');
      background-size: cover;
    "
  >
    <h1 class="title text-white text-center">Videos</h1>
  </section>
  <section class="videos-sec-new">
    <div class="container">
      <div class="videos-tabs-wrapper">
        <ul class="nav nav-pills" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" data-toggle="pill" href="#SoothGPT"
              >SoothGPT</a
            >
          </li>

          <li class="nav-item">
            <a class="nav-link" data-toggle="pill" href="#Case-Studies"
              >Case Studies</a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="pill" href="#Sessions">Sessions</a>
          </li>
        </ul>
        <div class="tab-content">
          <div id="SoothGPT" class="tab-pane active">
            <div class="videos-grid-con">
              <div class="left-video-grid">
                <!-- Example: Repeat this block for all 10 videos -->
                <a
                  href="#global-media-popup"
                  class="video-trigger"
                  data-media="{{ url('public/home/assets/videos/Accelerating-Material-Development-Via-Knowledge-Mining-Hypothesis-Generation-SoothGPT.mp4') }}"
                >
                  <img
                    src="{{ url('public/home/assets/videos/new-thumbnails/Accelerating-Material-Development-Via-Knowledge-Mining-Hypothesis-Generation-SoothGPT.jpg') }}"
                    alt="Project-Kanoo"
                    title="Project-Kanoo"
                    class="img-fluide blog-img"
                  />
                  <div class="left-single-video-text">
                    <h6 class="blog-date">January 27, 2025</h6>
                    <h5 class="blog-title color-black">
                      Accelerating Material Development Via Knowledge Mining &
                      Hypothesis Generation | SoothGPT
                    </h5>
                  </div>
                </a>
                <!-- Shared Popup -->
                <div class="popup" id="global-media-popup">
                  <div class="blocker"></div>
                  <video
                    id="popupVideo"
                    controls
                    controlsList="nodownload"
                    oncontextmenu="return false;"
                  >
                    <source src="" type="video/mp4" />
                    Your browser does not support HTML5 video.
                  </video>
                </div>

                <!-- Shared Overlay -->
                <div class="popup-overlay"></div>

                <!-- Duplicate above block with different URLs/titles/dates for other 9 videos -->
              </div>

              <div class="right-video-grid">
                <div
                  id="carouselSoothGPTControls"
                  class="carousel slide"
                  data-interval="false"
                  data-ride="carousel"
                >
                  <ol class="carousel-indicators">
                    <li
                      data-target="#carouselSoothGPTControls"
                      data-slide-to="0"
                      class="active"
                    ></li>
                    <li
                      data-target="#carouselSoothGPTControls"
                      data-slide-to="1"
                    ></li>
                    <li
                      data-target="#carouselSoothGPTControls"
                      data-slide-to="2"
                    ></li>
                    <li
                      data-target="#carouselSoothGPTControls"
                      data-slide-to="3"
                    ></li>
                  </ol>
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <div class="right-video-carousel-grid">
                        <!--2-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-Driven-State-Governance-SoothGPT-Soothsayer-Analytics.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-Driven-State-Governance-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">January 25, 2025</h6>
                              <h5 class="blog-title color-black">
                                GenAI-Driven State Governance | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--3-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-for-Vehicle-Breakdown-SoothGPT-Soothsayer-Analytics.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-for-Vehicle-Breakdown-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">January 23, 2025</h6>
                              <h5 class="blog-title color-black">
                                GenAI for Vehicle Breakdown | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--4-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Renewable-Energy-Project-Proposals-SoothGPT-Soothsayer-Analytics.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Optimizing-Renewable-Energy-with-GenAI-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">January 21, 2025</h6>
                              <h5 class="blog-title color-black">
                                Optimizing Renewable Energy with GenAI |
                                SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--5-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Electricity-Law-SoothGPT-Soothsayer-Analytics.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Simplifying-Regulatory-Processes-with-GenAI-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">January 17, 2025</h6>
                              <h5 class="blog-title color-black">
                                Simplifying Regulatory Processes with GenAI |
                                SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--6-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-Driven-Optimization-for-Oil-&-Gas-Operations.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-Driven-Optimization-for-Oil-&-Gas-Operations-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 20, 2024</h6>
                              <h5 class="blog-title color-black">
                                GenAI-Driven Optimization for Oil & Gas
                                Operations | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--7-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-Powered-Customer-Data-Hub.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-Powered-Customer-Data-Hub-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 19, 2024</h6>
                              <h5 class="blog-title color-black">
                                GenAI-Powered Customer Data Hub | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--8-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Enhancing-Supplier-Management.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Enhancing-Supplier-Management-with-GenAI-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 18, 2024</h6>
                              <h5 class="blog-title color-black">
                                Enhancing Supplier Management with GenAI |
                                SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--9-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Transforming-Cardiovascular-Data.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Transforming-Cardiovascular-Data-into-Actionable-Health-Insights-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 18, 2024</h6>
                              <h5 class="blog-title color-black">
                                Transforming Cardiovascular Data into Actionable
                                Health Insights | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--10-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Optimizing-Industrial-Energy.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Optimizing-Industrial-Energy-Usage-via-GenAI-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 17, 2024</h6>
                              <h5 class="blog-title color-black">
                                Optimizing Industrial Energy Usage via GenAI |
                                SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--11-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-Powered-Claims.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-Powered-Claims-Analysis-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 14, 2024</h6>
                              <h5 class="blog-title color-black">
                                GenAI-Powered Claims Analysis | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--12-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/Aftermarket-Assistance.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/Aftermarket-Assistance-SoothGPT.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 12, 2024</h6>
                              <h5 class="blog-title color-black">
                                Aftermarket Assistance | SoothGPT
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--13-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup"
                            class="video-trigger"
                            data-media="{{ url('public/home/assets/videos/GenAI-Driven-RFP.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/new-thumbnails/GenAI-Driven-RFP-Response-Budget-Estimate-Generation.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 12, 2024</h6>
                              <h5 class="blog-title color-black">
                                GenAI-Driven RFP Response & Budget Estimate
                                Generation
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a
                    class="carousel-control-prev"
                    href="#carouselSoothGPTControls"
                    role="button"
                    data-slide="prev"
                  >
                    <span
                      class="carousel-control-prev-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a
                    class="carousel-control-next"
                    href="#carouselSoothGPTControls"
                    role="button"
                    data-slide="next"
                  >
                    <span
                      class="carousel-control-next-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div id="Case-Studies" class="tab-pane">
            <div class="videos-grid-con">
              <div class="left-video-grid">
                <!-- Example: Repeat this block for all 10 videos -->
                <a
                  href="#global-media-popup-1"
                  class="video-trigger-1"
                  data-media="{{ url('public/home/assets/videos/Ask legal video.mp4') }}"
                >
                  <img
                    src="{{ url('public/home/assets/videos/video-thumbnails/multilingual-legal-assistance-chatbot-for-one-of-the-largest-system-suppliers.jpg') }}"
                    alt="Project-Kanoo"
                    title="Project-Kanoo"
                    class="img-fluide blog-img"
                  />
                  <div class="left-single-video-text">
                    <h6 class="blog-date">February 22, 2024</h6>
                    <h5 class="blog-title color-black">
                      Multilingual Legal Assistance Chatbot for one of the
                      largest system suppliers
                    </h5>
                  </div>
                </a>
                <!-- Shared Popup -->
                <div class="popup-1" id="global-media-popup-1">
                  <div class="blocker-1"></div>

                  <!-- Local video (MP4) -->
                  <video
                    id="popupVideo-1"
                    controls
                    controlsList="nodownload"
                    oncontextmenu="return false;"
                    style="
                      display: none;
                      width: 100%;
                      height: auto;
                      max-height: 90vh;
                    "
                  >
                    <source src="" type="video/mp4" />
                    Your browser does not support HTML5 video.
                  </video>

                  <!-- YouTube iframe -->
                  <iframe
                    id="popupIframe-1"
                    width="100%"
                    height="315"
                    frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen
                    style="display: none"
                  ></iframe>
                </div>

                <!-- Shared Overlay -->
                <div class="popup-overlay-1"></div>

                <!-- Duplicate above block with different URLs/titles/dates for other 9 videos -->
              </div>
              <div class="right-video-grid">
                <div
                  id="carouselCaseStudiesControls"
                  class="carousel slide"
                  data-interval="false"
                  data-ride="carousel"
                >
                  <ol class="carousel-indicators">
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="0"
                      class="active"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="1"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="2"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="3"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="4"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="5"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="6"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="7"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="8"
                    ></li>
                    <li
                      data-target="#carouselCaseStudiesControls"
                      data-slide-to="9"
                    ></li>
                  </ol>
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <div class="right-video-carousel-grid">
                        <!--2-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Betterbot AI case study (1).mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/enterprise-chatgpt-for-one-of-the-largest-system-suppliers.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">February 28, 2024</h6>
                              <h5 class="blog-title color-black">
                                Enterprise ChatGPT for one of the largest system
                                suppliers
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--3-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Foxin video.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/fine-tuned-llm-based-information-extractor-for-fintech-company.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">February 28, 2024</h6>
                              <h5 class="blog-title color-black">
                                Fine Tuned LLM based Information Extractor for
                                FinTech Company
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--4-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Project-Kanoo.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-driven-travel-services.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">January 22, 2024</h6>
                              <h5 class="blog-title color-black">
                                AI-Driven Travel Services
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--5-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/AI-Driven-Video-Discovery-Soothsayer-Analytics.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-driven-video-discovery.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 27, 2023</h6>
                              <h5 class="blog-title color-black">
                                AI-Driven Video Discovery
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--6-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/AI-Driven-Dynamic-Grid-Stability-Check-for-a-Large-Power-Utility-Soothsayer-Analytics-1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-driven-dynamic-grid-stability-check-for-a-large-power-utility.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 04, 2023</h6>
                              <h5 class="blog-title color-black">
                                AI-Driven Dynamic Grid Stability Check for a
                                Large Power Utility
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--7-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/AI-Driven-Electricity-and-Gas-Price-Forecasting-Soothsayer-Analytics-1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/soothsayer-ai-driven-electricity-and-gas-price-forecasting.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 03, 2023</h6>
                              <h5 class="blog-title color-black">
                                Soothsayer AI Driven Electricity and Gas Price
                                Forecasting
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--8-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Gen-AI-for-Predictive-Modeling-Soothsayer-Analytics-1080pFHR.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/gen-ai-for-predictive-modeling-soothsayer-analytics.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">November 23, 2023</h6>
                              <h5 class="blog-title color-black">
                                Gen AI for Predictive Modeling | Soothsayer
                                Analytics
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--9-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Gen-AI-Oil-and-Gas-Chatbot-Soothsayer Analytics-1080pFHR.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/gen-ai-oil-and-gas-chatbot-soothsayer-analytics.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">November 22, 2023</h6>
                              <h5 class="blog-title color-black">
                                Gen AI Oil and Gas Chatbot | Soothsayer
                                Analytics
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--10-->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Gen-AI-for-Data-Analysis-Soothsayer-Analytics-1080pFHR.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/gen-ai-for-data-analysis-soothsayer-analytics.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">November 21, 2023</h6>
                              <h5 class="blog-title color-black">
                                Gen AI for Data Analysis | Soothsayer Analytics
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Predictive-Modeling-for-a-Climate-Control-Systems-Manufacturer-Soothsayer-Analytics_1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/predictive-modeling-for-a-climate-control-systems-manufacturer.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Sep 5, 2023</h6>
                              <h5 class="blog-title color-black">
                                Predictive Modeling for a Climate Control
                                Systems Manufacturer
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/AI-Driven-Multivariate-Revenue-Forecasting-for-a-Very-Large-Fiberglass-Composites-Manufacturer_1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-driven-multivariate-revenue-forecasting-for-a-very-large-fiberglass-composites-manufacturer.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Sep 2, 2023</h6>
                              <h5 class="blog-title color-black">
                                AI Driven Multivariate Revenue Forecasting for a
                                Very Large Fiberglass Composites Manufacturer
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Cognitive-Automation-of-Resume-Assessment-Soothsayer-Analytics_1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/cognitive-automation-of-resume-assessment.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 22, 2023</h6>
                              <h5 class="blog-title color-black">
                                Cognitive Automation of Resume Assessment
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/AI-Chatbot-for-Customer-Representatives-for-a-Medical-Insurance-Provider-Soothsayer-Analytics_1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-chatbot-for-customer-representatives-for-a-medical-insurance-provider.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 21, 2023</h6>
                              <h5 class="blog-title color-black">
                                AI Chatbot for Customer Representatives for a
                                Medical Insurance Provider
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="{{ url('public/home/assets/videos/Predicting-Auto-glass-parts-and-building-an-automated-training-pipeline-Soothsayer Analytics_1080p.mp4');}}"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/predicting-auto-glass-parts-and-building-an-automated-training-pipeline.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 20, 2023</h6>
                              <h5 class="blog-title color-black">
                                Predicting Auto glass parts and building an
                                automated training pipeline
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/RBcTKm1G3oA"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/deep-learning-vision-based-quality-inspection-for-a-leading-appliance-manufacturer.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 19, 2023</h6>
                              <h5 class="blog-title color-black">
                                Deep Learning Vision Based Quality Inspection
                                for a Leading Appliance Manufacturer
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/DKFrhcMpR-g"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/detecting-duplicate-claims-via-machine-learning.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 17, 2023</h6>
                              <h5 class="blog-title color-black">
                                Detecting Duplicate Claims via Machine Learning
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/6F1MNCoAK4Q"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/predicting-optimum-parameters-for-straightening-machines.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 11, 2023</h6>
                              <h5 class="blog-title color-black">
                                Predicting Optimum Parameters for Straightening
                                Machines
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/mOJ-SPugrO8"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/detecting-fraudulent-actors-for-a-large-auto-service-provider.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 07, 2023</h6>
                              <h5 class="blog-title color-black">
                                Detecting Fraudulent Actors for a Large Auto
                                Service Provider
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/45YLf-ciy-o"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/fake-proof-of-purchase-detection-for-a-large-auto-service-provider.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 06, 2023</h6>
                              <h5 class="blog-title color-black">
                                Fake Proof of Purchase Detection for a Large
                                Auto Service Provider
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/oXetijQ-upI"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-based-underwriting-model-forecasting-claim-expenses-for-a-leading-healthcare-insurance-provider.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">Aug 05, 2023</h6>
                              <h5 class="blog-title color-black">
                                AI Based Underwriting Model - Forecasting Claim
                                Expenses for a Leading Healthcare Insurance
                                Provider
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/kYdzM-zbvEE"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/mro-spare-parts-deduplication-via-ai-and-natural-language-processing.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">May 05, 2023</h6>
                              <h5 class="blog-title color-black">
                                MRO Spare Parts Deduplication via AI & Natural
                                Language Processing
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/d5Y_R4ePrZw"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/soothsayer-analytics-x-axis-inspection.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">December 18, 2022</h6>
                              <h5 class="blog-title color-black">
                                Soothsayer Analytics X Axis Inspection
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/y7QltVbnamI"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ADIPEC-2022.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">November 22, 2022</h6>
                              <h5 class="blog-title color-black">
                                ADIPEC 2022
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/qj7aMX2p5Ik"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/esg-business-intelligence-tool.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">October 28, 2022</h6>
                              <h5 class="blog-title color-black">
                                ESG Business Intelligence Tool
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/WgSClcUP8F4"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/predictive-modelling-to-increase-plant-efficiency-for-a-large-manufacturer.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">April 3, 2022</h6>
                              <h5 class="blog-title color-black">
                                Predictive Modelling to Increase Plant
                                Efficiency for a Large Manufacturer
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/5YDSZ-1QnDs"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/digitally-enabled-savings-tracker-for-procurement.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">december 27, 2021</h6>
                              <h5 class="blog-title color-black">
                                Digitally Enabled Savings Tracker for
                                Procurement
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/ayRVZ6bIOjk"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/ai-based-supplier-management-for-one-of-the-largest-global-chemical-manufacturing-companies.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">august 18, 2021</h6>
                              <h5 class="blog-title color-black">
                                AI Based Supplier Management for One of the
                                largest Global Chemical Manufacturing Companies
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/48YSKLo2AB8"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/mining-insights-from-unstructured-technician-notes-for-utilities.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">may 19, 2021</h6>
                              <h5 class="blog-title color-black">
                                Mining Insights from Unstructured Technician
                                Notes for Utilities
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/t3iJqJIoO9M"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/inventory-optimization-for-a-large-animal-health-distribution-client.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">september 15, 2020</h6>
                              <h5 class="blog-title color-black">
                                Inventory Optimization for a large Animal Health
                                Distribution Client
                              </h5>
                            </div>
                          </a>
                        </div>
                        <!--  -->
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-1"
                            class="video-trigger-1"
                            data-media="https://www.youtube.com/embed/TZXaZ8uRPc0"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/demand-and-price-prediction-using-artificial-intelligence.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">june 10, 2020</h6>
                              <h5 class="blog-title color-black">
                                Demand and Price Prediction Using Artificial
                                Intelligence
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a
                    class="carousel-control-prev"
                    href="#carouselCaseStudiesControls"
                    role="button"
                    data-slide="prev"
                  >
                    <span
                      class="carousel-control-prev-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a
                    class="carousel-control-next"
                    href="#carouselCaseStudiesControls"
                    role="button"
                    data-slide="next"
                  >
                    <span
                      class="carousel-control-next-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div id="Sessions" class="tab-pane">
            <div class="videos-grid-con">
              <div class="left-video-grid">
                <!-- Example: Repeat this block for all 10 videos -->
                <a
                  href="#global-media-popup-2"
                  class="video-trigger-2"
                  data-media="{{ url('https://www.youtube.com/embed/xOhnrHfedOk') }}"
                >
                  <img
                    src="{{ url('public/home/assets/videos/video-thumbnails/utilizing-machine-learning-to-manage-accounts-receivable-and-forecast-revenue.jpg') }}"
                    alt="Project-Kanoo"
                    title="Project-Kanoo"
                    class="img-fluide blog-img"
                  />
                  <div class="left-single-video-text">
                    <h6 class="blog-date">march 26, 2020</h6>
                    <h5 class="blog-title color-black">
                      Utilizing Machine Learning to manage Accounts Receivable
                      and Forecast Revenue
                    </h5>
                  </div>
                </a>
                <!-- Shared Popup -->
                <div class="popup-2" id="global-media-popup-2">
                  <div class="blocker-2"></div>

                  <!-- Local video (MP4) -->
                  <video
                    id="popupVideo-2"
                    controls
                    controlsList="nodownload"
                    oncontextmenu="return false;"
                    style="
                      display: none;
                      width: 100%;
                      height: auto;
                      max-height: 90vh;
                    "
                  >
                    <source src="" type="video/mp4" />
                    Your browser does not support HTML5 video.
                  </video>

                  <!-- YouTube iframe -->
                  <iframe
                    id="popupIframe-2"
                    width="100%"
                    height="315"
                    frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen
                    style="display: none"
                  ></iframe>
                </div>

                <!-- Shared Overlay -->
                <div class="popup-overlay-2"></div>

                <!-- Duplicate above block with different URLs/titles/dates for other 9 videos -->
              </div>

              <div class="right-video-grid">
                <div
                  id="carouselSessionsControls"
                  class="carousel slide"
                  data-interval="false"
                  data-ride="carousel"
                >
                  <ol class="carousel-indicators">
                    <li
                      data-target="#carouselSessionsControls"
                      data-slide-to="0"
                      class="active"
                    ></li>
                    <li
                      data-target="#carouselSessionsControls"
                      data-slide-to="1"
                    ></li>
                  </ol>
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <div class="right-video-carousel-grid">
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-2"
                            class="video-trigger-2"
                            data-media="https://www.youtube.com/embed/FzMxL532ZNI"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/the-next-generation-of-ai-driven-semantic-text-analytics.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">August 15, 2019</h6>
                              <h5 class="blog-title color-black">
                                The Next Generation of AI-Driven Semantic Text
                                Analytics
                              </h5>
                            </div>
                          </a>
                        </div>

                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-2"
                            class="video-trigger-2"
                            data-media="https://www.youtube.com/embed/wq3TWgrqJoo"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/data-sciences-transformative-impact-on-manufacturing.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">April 17, 2019</h6>
                              <h5 class="blog-title color-black">
                                Data Science's Transformative Impact on
                                Manufacturing
                              </h5>
                            </div>
                          </a>
                        </div>

                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-2"
                            class="video-trigger-2"
                            data-media="https://www.youtube.com/embed/yC3bfdJOlUs"
                          >
                            <img
                              src="{{ url('public/home/assets/img/videos/thumbnails/Data Science & Deep Learning Demystified.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">February 12, 2019</h6>
                              <h5 class="blog-title color-black">
                                Data Science & Deep Learning Demystified
                              </h5>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="right-video-carousel-grid">
                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-2"
                            class="video-trigger-2"
                            data-media="https://www.youtube.com/embed/psSuiPk5wbE"
                          >
                            <img
                              src="{{ url('public/home/assets/videos/video-thumbnails/MembershipMinute-with-Soothsayer-Analytics.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">November 6, 2018</h6>
                              <h5 class="blog-title color-black">
                                #MembershipMinute with Soothsayer Analytics
                              </h5>
                            </div>
                          </a>
                        </div>

                        <div class="right-single-video-grid">
                          <a
                            href="#global-media-popup-2"
                            class="video-trigger-2"
                            data-media="https://www.youtube.com/embed/W-IHUEO0eBo"
                          >
                            <img
                              src="{{ url('public/home/assets/img/videos/thumbnails/Data Science Demystified for Decision Makers.jpg') }}"
                              alt="Title"
                            />
                            <div class="right-single-video-text">
                              <h6 class="blog-date">march 4, 2018</h6>
                              <h5 class="blog-title color-black">
                                Data Science Demystified for Decision Makers
                              </h5>
                            </div>
                          </a>
                        </div>

                        <div class="right-single-video-grid">
                          <iframe
                            src="https://www.itinthed.com/?powerpress_embed=20593-podcast&powerpress_player=mediaelement-audio"
                            title="YouTube video player"
                            frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen
                          ></iframe>
                          <div class="right-single-video-text">
                            <h6 class="blog-date">January 29, 2018</h6>
                            <h5 class="blog-title color-black">
                              IT in the D: Soothsayer Analytics (Episode 229)
                            </h5>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <a
                    class="carousel-control-prev"
                    href="#carouselSessionsControls"
                    role="button"
                    data-slide="prev"
                  >
                    <span
                      class="carousel-control-prev-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a
                    class="carousel-control-next"
                    href="#carouselSessionsControls"
                    role="button"
                    data-slide="next"
                  >
                    <span
                      class="carousel-control-next-icon"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>

<script
  src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  crossorigin="anonymous"
></script>

<script
  src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
  integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  crossorigin="anonymous"
></script>

<script
  src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
  integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  crossorigin="anonymous"
></script>
<script>
  $(document).ready(function () {
    $(".video-trigger").on("click", function (e) {
      e.preventDefault();

      var videoUrl = $(this).data("media");
      var $popup = $("#global-media-popup");
      var $video = $popup.find("video")[0];
      var $source = $popup.find("source");

      // Set new video source and load
      $source.attr("src", videoUrl);
      $video.load();
      $video.play();

      // Show popup and overlay
      $popup.addClass("show");
      $(".popup-overlay").addClass("show");
    });

    // Close video on click outside or on blocker
    $(".popup, .blocker, .popup-overlay").on("click", function () {
      var $video = $("#popupVideo")[0];
      if ($video) {
        $video.pause();
        $video.currentTime = 0;
        $video.removeAttribute("src"); // Clear video source
        $video.load();
      }

      $("#global-media-popup").removeClass("show").hide();
      $(".popup-overlay").removeClass("show");
    });

    // Disable right-click on video
    $("#popupVideo").on("contextmenu", function (e) {
      e.preventDefault();
    });
  });
</script>
<script>
  $(document).ready(function () {
    $(".video-trigger-1").on("click", function (e) {
      e.preventDefault();

      var videoUrl = $(this).data("media");
      var $popup = $("#global-media-popup-1");
      var $video = $("#popupVideo-1")[0];
      var $source = $("#popupVideo-1 source");
      var $iframe = $("#popupIframe-1");

      // Reset both
      $video.pause();
      $video.currentTime = 0;
      $source.attr("src", "");
      $video.load();
      $video.style.display = "none";
      $iframe.attr("src", "").hide();

      if (videoUrl.includes("youtube.com") || videoUrl.includes("youtu.be")) {
        // YouTube video
        const autoplayUrl = videoUrl.includes("?")
          ? videoUrl + "&autoplay=1"
          : videoUrl + "?autoplay=1";
        $iframe.attr("src", autoplayUrl).show();
      } else {
        // Local MP4
        $source.attr("src", videoUrl);
        $video.style.display = "block";
        $video.load();
        $video.play();
      }

      // Show popup and overlay
      $popup.addClass("show").show();
      $(".popup-overlay-1").addClass("show");
    });

    // Close popup
    $(".popup-1, .blocker-1, .popup-overlay-1").on("click", function () {
      var $video = $("#popupVideo-1")[0];
      var $iframe = $("#popupIframe-1");

      if ($video) {
        $video.pause();
        $video.currentTime = 0;
        $video.removeAttribute("src");
        $video.load();
        $video.style.display = "none";
      }

      if ($iframe) {
        $iframe.attr("src", "").hide();
      }

      $("#global-media-popup-1").removeClass("show").hide();
      $(".popup-overlay-1").removeClass("show");
    });

    // Prevent right-click on video
    $("#popupVideo-1").on("contextmenu", function (e) {
      e.preventDefault();
    });
  });
</script>
<script>
  $(document).ready(function () {
    $(".video-trigger-2").on("click", function (e) {
      e.preventDefault();

      var videoUrl = $(this).data("media");
      var $popup = $("#global-media-popup-2");
      var $video = $("#popupVideo-2")[0];
      var $source = $("#popupVideo-2 source");
      var $iframe = $("#popupIframe-2");

      // Reset both
      $video.pause();
      $video.currentTime = 0;
      $source.attr("src", "");
      $video.load();
      $video.style.display = "none";
      $iframe.attr("src", "").hide();

      if (videoUrl.includes("youtube.com") || videoUrl.includes("youtu.be")) {
        // YouTube video
        const autoplayUrl = videoUrl.includes("?")
          ? videoUrl + "&autoplay=1"
          : videoUrl + "?autoplay=1";
        $iframe.attr("src", autoplayUrl).show();
      } else {
        // Local MP4
        $source.attr("src", videoUrl);
        $video.style.display = "block";
        $video.load();
        $video.play();
      }

      // Show popup and overlay
      $popup.addClass("show").show();
      $(".popup-overlay-2").addClass("show");
    });

    // Close popup
    $(".popup-2, .blocker-2, .popup-overlay-2").on("click", function () {
      var $video = $("#popupVideo-2")[0];
      var $iframe = $("#popupIframe-2");

      if ($video) {
        $video.pause();
        $video.currentTime = 0;
        $video.removeAttribute("src");
        $video.load();
        $video.style.display = "none";
      }

      if ($iframe) {
        $iframe.attr("src", "").hide();
      }

      $("#global-media-popup-2").removeClass("show").hide();
      $(".popup-overlay-2").removeClass("show");
    });

    // Prevent right-click on video
    $("#popupVideo-2").on("contextmenu", function (e) {
      e.preventDefault();
    });
  });
</script>

@endsection