<?php defined('BASEPATH') or exit('Direct access is not allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<?php include 'app/views/common/css.php';?>
<script src="app/views/assets/js/jQuery3.6.3.js"></script> 
<script src="app/views/client/operations_js/automotive_js.js"></script>

</head>
<body>
<!-- **************** MAIN CONTENT START **************** -->

  <!-- =======================
  Header START -->
  <header class="navbar-light fixed-top header-static bg-mode">
    <!-- Logo Nav START -->
    <nav class="navbar navbar-expand-lg">
      <div class="container-fluid">
        <!-- Logo START -->
        <a class="navbar-brand" href="index-2.html">
          <img class="light-mode-item navbar-brand-item" src="app/views/assets/images/logo.png" alt="logo">
				  <img class="dark-mode-item navbar-brand-item" src="app/views/assets/images/logo.png" alt="logo">		
        </a>
        <!-- Logo END -->

        <button class="icon-md btn btn-light p-0 d-block d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbarVerticaloffcanvas" aria-controls="navbarVerticaloffcanvas">
          <i class="bi bi-justify-left fs-4"></i>
        </button>

        <!-- Responsive navbar toggler -->
        <button class="navbar-toggler ms-auto icon-md btn btn-light p-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-animation">
          <span></span>
          <span></span>
          <span></span>
        </span>
      </button>

        <!-- Main navbar START -->
        <div class="collapse navbar-collapse" id="navbarCollapse">

          <!-- Nav Search START -->
          <div class="nav mt-3 mt-lg-0 flex-nowrap align-items-center px-4 px-lg-0">
            <div class="nav-item w-100">
              <form class="rounded position-relative">
                <input class="form-control ps-5 bg-light" type="search" placeholder="Search..." aria-label="Search">
                <button class="btn bg-transparent px-2 py-0 position-absolute top-50 start-0 translate-middle-y" type="submit"><i class="bi bi-search fs-5"> </i></button>
              </form>
            </div>
          </div>
          <!-- Nav Search END -->

          <ul class="navbar-nav navbar-nav-scroll mx-auto">
            <!-- Nav item 1 Demos -->
            <li class="nav-item">
              <a class="nav-link active" href="#">Overview</a>
            </li>
            <!-- Nav item 1 Demos -->
            <li class="nav-item">
              <a class="nav-link" href="#">Subscriptions</a>
            </li>
            <!-- Nav item 1 Demos -->
            <li class="nav-item">
              <a class="nav-link" href="#">Streams</a>
            </li>
            <!-- Nav item 1 Demos -->
            <li class="nav-item">
              <a class="nav-link" href="#">Results</a>
            </li>
            <!-- Nav item 2 Pages -->
          </ul>
        </div>
        <!-- Main navbar END -->

        <!-- Nav right START -->
        <ul class="nav flex-nowrap align-items-center ms-lg-3 list-unstyled">
          <li class="nav-item ms-2">
            <a class="nav-link icon-md btn p-0" href="settings.html">
              <i class="bi bi-gear-fill fs-6"> </i>
            </a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link icon-md btn p-0" href="#" id="notifDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
              <i class="bi bi-bell-fill fs-6"> </i>
            </a>
            <div class="dropdown-menu dropdown-animation dropdown-menu-end dropdown-menu-size-md p-0 shadow-lg border-0" aria-labelledby="notifDropdown">
              <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                  <h6 class="m-0">Notifications <span class="badge bg-danger bg-opacity-10 text-danger ms-2">4 new</span></h6>
                  <a class="small" href="#">Clear all</a>
                </div>
                <div class="card-body p-0">
                  <ul class="list-group list-group-flush list-unstyled p-2">
                    <!-- Notif item -->
                    <li>
                      <div class="list-group-item list-group-item-action rounded badge-unread d-flex border-0 mb-1 p-3">
                        <div class="avatar text-center d-none d-sm-inline-block">
                          <img class="avatar-img rounded-circle" src="app/views/assets/images/avatar/01.jpg" alt="">
                        </div>
                        <div class="ms-sm-3">
                          <div class=" d-flex">
                          <p class="small mb-2"><b>Judy Nguyen</b> sent you a friend request.</p>
                          <p class="small ms-3 text-nowrap">Just now</p>
                        </div>
                        <div class="d-flex">
                          <button class="btn btn-sm py-1 btn-primary me-2">Accept </button>
                          <button class="btn btn-sm py-1 btn-danger-soft">Delete </button>
                        </div>
                      </div>
                    </div>
                    </li>
                    <!-- Notif item -->
                    <li>
                      <div class="list-group-item list-group-item-action rounded badge-unread d-flex border-0 mb-1 p-3 position-relative">
                        <div class="avatar text-center d-none d-sm-inline-block">
                          <img class="avatar-img rounded-circle" src="app/views/assets/images/avatar/02.jpg" alt="">
                        </div>
                        <div class="ms-sm-3 d-flex">
                          <div>
                            <p class="small mb-2">Wish <b>Amanda Reed</b> a happy birthday (Nov 12)</p>
                            <button class="btn btn-sm btn-outline-light py-1 me-2">Say happy birthday 🎂</button>
                          </div>
                          <p class="small ms-3">2min</p>
                        </div>
                      </div>
                    </li>
                    <!-- Notif item -->
                    <li>
                      <a href="#" class="list-group-item list-group-item-action rounded d-flex border-0 mb-1 p-3">
                        <div class="avatar text-center d-none d-sm-inline-block">
                          <div class="avatar-img rounded-circle bg-success"><span class="text-white position-absolute top-50 start-50 translate-middle fw-bold">WB</span></div>
                        </div>
                        <div class="ms-sm-3">
                          <div class="d-flex">
                            <p class="small mb-2">Webestica has 15 like and 1 new activity</p>
                            <p class="small ms-3">1hr</p>
                          </div>
                        </div>
                      </a>
                    </li>
                    <!-- Notif item -->
                    <li>
                      <a href="#" class="list-group-item list-group-item-action rounded d-flex border-0 p-3 mb-1">
                        <div class="avatar text-center d-none d-sm-inline-block">
                          <img class="avatar-img rounded-circle" src="app/views/assets/images/logo/12.svg" alt="">
                        </div>
                        <div class="ms-sm-3 d-flex">
                          <p class="small mb-2"><b>Bootstrap in the news:</b> The search giant’s parent company, Alphabet, just joined an exclusive club of tech stocks.</p>
                          <p class="small ms-3">4hr</p>
                        </div>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="card-footer text-center">
                  <a href="#" class="btn btn-sm btn-primary-soft">See all incoming activity</a>
                </div>
              </div>
            </div>
          </li>
          <!-- Notification dropdown END -->

          <li class="nav-item ms-3 dropdown">
            <a class="nav-link p-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
              <div class="d-flex align-items-center position-relative">
                <!-- Avatar -->
                <div class="avatar avatar-sm me-xl-3">
                  <img class="avatar-img rounded-circle" src="<?= $profile_image_path ?>" alt="avatar">
                </div>
                <div class="d-none d-xl-block">
                  <span class="h6 stretched-link"><?= $user_name ?></span>
                  <p class="small m-0"><?= $designation ?></p>
                </div>
                
              </div>
            </a>
            <ul class="dropdown-menu dropdown-animation dropdown-menu-end pt-3 small me-md-n3" aria-labelledby="profileDropdown">
              <!-- Links -->
              <li><a class="dropdown-item" href="/trainingportal/Settings"><i class="bi bi-gear fa-fw me-2"></i>Settings & Privacy</a></li>
              <li> 
                <a class="dropdown-item" href="" target="_blank">
                  <i class="fa-fw bi bi-life-preserver me-2"></i>Support
                </a> 
              </li>
              <li> 
                <a class="dropdown-item" href="" target="_blank">
                  <i class="fa-fw bi bi-card-text me-2"></i>Documentation
                </a> 
              </li>
              <li class="dropdown-divider"></li>
              <li><a class="dropdown-item bg-danger-soft-hover" href="/trainingportal/Main/Logout"><i class="bi bi-power fa-fw me-2"></i>Sign Out</a></li>
              <li> <hr class="dropdown-divider"></li>
              <!-- Dark mode switch START -->
              <li>
                <div class="modeswitch-wrap" id="darkModeSwitch">
                  <div class="modeswitch-item">
                    <div class="modeswitch-icon"></div>
                  </div>
                  <span>Dark mode</span>
                </div>
              </li> 
              <!-- Dark mode switch END -->
            </ul>
          </li>
          <!-- Profile START -->
          
        </ul>
        <!-- Nav right END -->
      </div>
    </nav>
    <!-- Logo Nav END -->
  </header>
  <!-- =======================
  Header END -->
  
  <main> 

  <!-- Container START -->
  <div class="container-fluid">

    <!-- Sidenav START -->
    <div class="navbar navbar-vertical navbar-light">
      <div class="offcanvas offcanvas-start custom-scrollbar rounded pt-3" tabindex="-1" id="navbarVerticaloffcanvas">
        <div class="offcanvas-body pt-5 pt-lg-0">
          <!-- Card START -->
          
            <!-- Avatar -->
            <div class="avatar avatar-lg mb-3">
              <a href="#!"><img class="avatar-img rounded-circle border border-white border-3" src="<?= $profile_image_path ?>" alt=""></a>
            </div>
            
            <!-- Info -->
            <h5 class="mb-0"> <a href="#!"><?= $user_name ?>   </a> </h5>
          <small><?= $designation ?></small>
          <!-- User stat START  -->
          <div class="hstack gap-2 gap-xl-3 mt-3">
            <!-- User stat item -->
            <div>
              <h6 class="mb-0"><?= $enroll_courses ?> </h6>
              <small>Enrolled Courses</small>
            </div>
            <!-- Divider -->
            <div class="vr"></div>
            <!-- User stat item -->
            <div>
              <h6 class="mb-0"><?= $rating ?></h6>
              <small>Skill Map</small>
            </div>
            <!-- Divider -->
            <div class="vr"></div>
            <!-- User stat item -->
          </div>
            <!-- User stat END -->

            <!-- Divider -->
            <hr>

            <!-- Side Nav START -->
            <ul class="nav nav-link-secondary flex-column fw-bold gap-2">
              <li class="nav-item">
                <a class="nav-link" href="/trainingportal/Pne" > <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/home-outline-filled.svg" alt=""><span>Training Programs</span></a>
              </li>
              <!-- <li class="nav-item">
                <a class="nav-link" href="#!"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/medal-outline-filled.svg" alt=""><span>Online Training Programs</span></a>
              </li> -->
              <? if ($role_id==1): ?>
                <li class="nav-item">
                <a class="nav-link" href="/trainingportal/Applicationstatus"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/star-outline-filled.svg" alt=""><span>Application Status</span></a>
              </li>
              <? endif;?>
              <li class="nav-item">
                <a class="nav-link" href="/trainingportal/Trainingschedule"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/clock-outline-filled.svg" alt=""><span>Training Schedules </span></a>
              </li>            
              <li class="nav-item">
                <a class="nav-link" href="#!"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/task-done-outline-filled.svg" alt=""><span>Training Monitoring </span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#!"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/star-outline-filled.svg" alt=""><span>Reports </span></a>
              </li>
          
              <? if ($role_id==1): ?>
                <li class="nav-item">
                <a class="nav-link" href="/trainingportal/Adddetails"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/star-outline-filled.svg" alt=""><span>Add Details</span></a>
              </li>
              <? endif;?>
              <li class="nav-item">
                <a class="nav-link" href="/trainingportal/Main/Logout"> <img class="me-2 h-20px fa-fw" src="app/views/assets/images/icon/arrow-boxed-outline-filled.svg" alt=""><span>Logout </span></a>
              </li>
            
            </ul>
            <!-- Side Nav END -->
          </div>
        </div>
      </div>
      <!-- Sidenav END -->
 <!-- Main content START -->
 <div class="page-content">
        <!-- Official Course Program START -->
       <?php foreach ($course_details_data as $course_details_data_obj) {?>
        <div class="row g-3 mb-4">
          <div class="col-10 mt-4">
          <h5><?php echo $course_details_data_obj['name']; ?></h5>
          </div>
          <div class="col-2 mt-2">
          </div>
          <!-- Story START -->
        <div class="tiny-slider arrow-hover overflow-hidden">
          <div class="tiny-slider-inner d-flex" data-arrow="true" data-dots="true" data-loop="true" data-autoplay="false" data-items-xxl="6" data-items-xl="5" data-items-lg="4" data-items-md="4" data-items-sm="3" data-items-xs="1" data-gutter="12" data-edge="0">   
       
          <?php $module_data_arr=$course_details_data_obj['model_data']; foreach ($module_data_arr as $module_data_arr_obj) { ?>
          <div>
                     <!-- Couese START   -->
                    <div class="card h-100">
                        <div class="position-relative">
                          <img class="img-fluid rounded-top" src="<?php echo $module_data_arr_obj['image_path']; ?>" alt="">
                          <div class="badge bg-danger text-white mt-2 me-2 position-absolute top-0 end-0">
                          Offline Course
                          </div>
                        </div>
                        <!-- Card body START -->
                        <div class="card-body position-relative pt-0">
                          <!-- Tag -->
                          <a class="btn btn-xs btn-primary mt-n3" href=""><?php echo $course_details_data_obj['name']; ?></a>
                          <h5 class="mt-3"><?php echo $module_data_arr_obj['module_name']; ?>   </h5>
                          <h6 class="mt-3"><?php echo $module_data_arr_obj['module_details']; ?> </h6>
                          
                        </div>
                        <!-- Card body END -->
                           <!-- Button -->
                           <div class="d-flex mt-3 justify-content-between" style="bottom:0;" >
                            <div class="w-100">
                              <input type="button" class="btn-check d-block" >
                              <label class="btn btn-sm btn-outline-success d-block" for="Interested2" onclick="get_training_module_data(<?php echo $course_details_data_obj['id']; ?>,<?php echo $module_data_arr_obj['id']; ?>);"><i class="fa-solid fa-diamond me-1"></i> Enroll course</label>
                            </div>
                          </div>
                    </div>
                      <!-- Course END -->
                </div>
              <?php }?> 
              <div>
            </div>
           </div>
         </div>
       <?php }?> 
        <!-- Official Course Program END -->

        <!-- The Modal -->    
        <div class="modal" id="training_module_model">
                      <div class="modal-dialog modal-xl">
                        <div class="modal-content">            
                          <!-- Modal Header -->
                          <div class="modal-header">
                            <h4 class="modal-title" id="PopupTitle" value=""> </h4>
                            <button type="button" class="close" onclick="closeModal_training_module()" data-dismiss="modal">&times;</button>
                            <input type="hidden" id="training_name" value="">
                            <input type="hidden" id="training_id" value="">
                            <input type="hidden" id="trainer_id" value="">
                            <input type="hidden" id="module_id" value="">
                            <input type="hidden" id="module_name" value="">
                            <input type="hidden" id="segment_id" value="">
                            <input type="hidden" id="segment_name" value="">
                            <input type="hidden" id="team_lead_id" value="">
                            <input type="hidden" id="bu_id" value="">
                            <input type="hidden" id="co_seg_head_id" value="">
                            <input type="hidden" id="seg_head_id" value="">
                            <input type="hidden" id="seg_leader_id" value="">
                            <input type="hidden" id="seg_president_id" value="">
                          </div>
                          <!-- Modal body -->
                          <div class="row row-cols-2">
                                                   <!-- Feature item START -->
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/03.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Target:</h4>
                                              <p class="mb-0" id="targate"> </p>
                                            </div>
                                          </div>
                                          <!-- Feature item START -->

                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/09.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainees:</h4>
                                              <p class="mb-0" id="trainees"> </p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainer:</h4>
                                              <p class="mb-0" id="trainer"></p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Training Contains:</h4>
                                              <div id="trainingContent">
                                              <p class="mb-0">1. Basic Structure</p>
                                              </div>
                                            </div>
                                          </div>
                                    </div>       
                          <div class="d-flex mt-3 justify-content-between">
                                              <div class="w-100">
                                                <input type="button" class="btn-check d-block" >
                                                <label class="btn btn-sm btn-outline-success d-block" onclick="applyCourse();"><i class="fa-solid fa-diamond me-1"></i> Apply For Course</label>
                                              </div>
                              </div>
                          
                          <!-- Modal footer -->
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" onclick="closeModal_training_module()" data-dismiss="modal">Close</button>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    <!-- The Modal end -->
       
     
        <!-- footer START -->
        <footer class="card card-body">
          <div class="row g-4">
            <div class="col-md-12">
            <?php include 'app/views/common/footer.php';?>
            </div>
        </footer>
        <!-- footer END -->
      </div>
                 <!-- Main content END -->
 
                    <!-- The Modal -->    
                    <div class="modal" id="myModal">
                      <div class="modal-dialog modal-xl">
                        <div class="modal-content">
                        
                          <!-- Modal Header -->
                          <div class="modal-header">
                            <h4 class="modal-title">Vehicle Emission Measurement Lab</h4>
                            <button type="button" class="close" onclick="closeModal()" data-dismiss="modal">&times;</button>
                          </div>
                          <style>table, th, td {  border:1px solid black;}</style>
                          <!-- Modal body -->
                          <div class="row row-cols-2">
                          <div class="col">
                          <div class="modal-body center">
                                  <table>
                                      <tr>
                                        <td>
                                        Target :
                                        </td>
                                        <td><p> 1. Skill Level Improvement of Engineers.</p>
                                        <p>2. Engineer must be able of do Operational, Calibration & Daily Maintenance activities.</p>
                                        <p>3. Engineer must be able to perform Vehicle Emission Test without any support </p></td>
                                      </tr>
                                      <tr>
                                        <td>Trainees:</td>
                                        <td>Any Level Engineers</td>
                                      </tr>
                                      <tr>
                                        <td>Trainer:</td>
                                        <td>
                                          <p>Chassis Dyno Manufacturing: Swapnil Deshpande</p>
                                          <p>Emission Measurement System: Mayur Devrukhkar@HITC,OJT by Service Leaders</p>
                                          <p>Automation System: Harshit Agarwal, Sanket Nalawade</p>
                                          <p>Vehicle Testing: VTC Lab (Vithuraj Sawant)</p>
                                        </td>
                                      </tr>
                                    </table>
                          </div>   
                        </div>
                        <div class="col">
                        <div class="modal-body center">
                                  <table>
                                      <tr>
                                        <td>
                                        Course Contains
                                        </td>
                                        <td>

                                        <p> 1. -	What is Vehicle Emission?</p>

                                        <p> 2. -	Effect of Air pollution on Human Health </p>

                                        <p> 3. -	Chassis Dynamometer</p>

                                        <p> 4. -	Emission Measurement Systems</p>

                                        <p> 5. -	Vehicle Test Automation System</p>

                                        <p> 6. -	VTC Lab</p></td>

                                      </tr>
                                    </table>
                                </div>
                            </div>

                          </div>
                          <div class="d-flex mt-3 justify-content-between">
                                              <div class="w-100">
                                                <input type="button" class="btn-check d-block" >
                                                <label class="btn btn-sm btn-outline-success d-block" onclick="applyCourse();"><i class="fa-solid fa-diamond me-1"></i> Apply For Course</label>
                                              </div>
                              </div>
                          
                          <!-- Modal footer -->
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary"  onclick="closeModal()" data-dismiss="modal">Close</button>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    <!-- The Modal end -->

                     <!-- The Modal -->    
                     <div class="modal" id="myModal3emilab">
                      <div class="modal-dialog modal-xl">
                        <div class="modal-content">            
                          <!-- Modal Header -->
                          <div class="modal-header">
                            <h4 class="modal-title" id="PopupTitle"> </h4>
                            <button type="button" class="close" onclick="closeModalmyModal3emilab()" data-dismiss="modal">&times;</button>
                          </div>
                          <!-- Modal body -->
                          <div class="row row-cols-2">
                                                   <!-- Feature item START -->
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/03.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Target:</h4>
                                              <p class="mb-0" id="targate"> </p>
                                            </div>
                                          </div>
                                          <!-- Feature item START -->

                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/09.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainees:</h4>
                                              <p class="mb-0" id="trainees"> </p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainer:</h4>
                                              <p class="mb-0" id="trainer"></p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Training Contains:</h4>
                                              <div id="trainingContent">
                                              <p class="mb-0">1. Basic Structure</p>
                                              </div>
                                            </div>
                                          </div>

                          </div>       
                          <div class="d-flex mt-3 justify-content-between">
                                              <div class="w-100">
                                                <input type="button" class="btn-check d-block" >
                                                <label class="btn btn-sm btn-outline-success d-block" onclick="applyCourse();"><i class="fa-solid fa-diamond me-1"></i> Apply For Course</label>
                                              </div>
                              </div>
                          
                          <!-- Modal footer -->
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" onclick="closeModalmyModal3emilab()" data-dismiss="modal">Close</button>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    <!-- The Modal end -->


                      <!-- The Modal -->    
                      <div class="modal" id="myModal2rde">
                      <div class="modal-dialog modal-xl">
                        <div class="modal-content">            
                          <!-- Modal Header -->
                          <div class="modal-header">
                            <h4 class="modal-title">Real Drive Emission Measurement (RDE)</h4>
                            <button type="button" class="close" onclick="closeModalRde()" data-dismiss="modal">&times;</button>
                          </div>
                          <!-- Modal body -->
                          <div class="row row-cols-2">
                                                   <!-- Feature item START -->
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/03.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Target:</h4>
                                              <p class="mb-0" id="targate"> </p>
                                            </div>
                                          </div>
                                          <!-- Feature item START -->

                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/09.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainees:</h4>
                                              <p class="mb-0" id="trainees"> </p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Trainer:</h4>
                                              <p class="mb-0" id="trainer"></p>
                                            </div>
                                          </div>
                                          <div class="col-md-3">
                                            <div class="card card-body bg-mode shadow-none border-0 ">
                                              <!-- Image -->
                                              <div>
                                                <img class="h-50px" src="assets/images/elements/06.svg" alt="">
                                              </div>
                                              <!-- Info -->
                                              <h4 class="mt-4">Training Contains:</h4>
                                              <div id="trainingContent">
                                              <p class="mb-0"> </p>
                                              </div>
                                            </div>
                                          </div>

                          </div>       
                          <div class="d-flex mt-3 justify-content-between">
                                              <div class="w-100">
                                                <input type="button" class="btn-check d-block" >
                                                <label class="btn btn-sm btn-outline-success d-block" onclick="applyCourse();"><i class="fa-solid fa-diamond me-1"></i> Apply For Course</label>
                                              </div>
                              </div>
                          
                          <!-- Modal footer -->
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" onclick="closeModalRde()" data-dismiss="modal">Close</button>
                          </div>
                          
                        </div>
                      </div>
                    </div>
                    <!-- The Modal end -->
      </div>
</main>
<!-- **************** MAIN CONTENT END **************** -->
<script>
  function showModal() {
  $('#myModal').modal('show');
}

function showModal2() {
  $('#myModal2').modal('show');
}


function closeModalmyModal3emilab() {
  $('#myModal3emilab').modal('hide');
}
function ClearDivText(){
  $("#PopupTitle").html("");
  $("#targate").html("");
  $("#trainees").html("");
  $("#trainer").html("");
  $("#trainingContent").html("");
}

function showModalAdas(id) {
  ClearDivText();
var Module1Data=[{"Target":[{"key0":"Application Knowledge of ADAS.<br>","key1":"How to Conduct ADAS Testing in CD Lab.<br>"}]},
                  {"Trainees":[{"key0":"Any Level Engineer"},{"key1":"Engineer with Module 1 completion"},{"key2":"Engineer with Module 1, Module 2 completion"},{"key3":"Engineer with Module 1, Module 2, Module 3 completion"}]},
                  {"Trainer":[{"key0":"Amol Mane.<br>"},{"key1":"Rohit Kaldante.<br>"}]},
                  {"Module_1":[{"key0":"1. What is a ADAS? <br>"},{"key1":"2. Different Levels of ADAS <br>"},{"key2":"3. ViL, HiL, SiL <br>"},{"key3":"4. Terminologies in ADAS ABS, ACC, AEB, ADAS, ASIL, DTLC, EPB, ESP, FCW, HBA, TTLC, BCM, CAN, CCR, CP, CPA, ECU, EMI, EMC, CTQ, DFMEA, DVP, EMS, EPAS, ESDS, FMQ, TCM, TCU) <br>"},{"key4":"5. Understanding of RADAR, LiDAR, Camera <br>"},{"key5":"6. HORIBA Solution for ADAS. <br>"}]},
                  {"Module_2":[{"key0":"1. RADAR Hardware. <br>"},{"key1":"2. LiDAR Hardware <br>"},{"key2":"3. Camera Beamer and Canvas. <br>"},{"key3":"4. Longitudinal and Lateral Simulations. <br>"},{"key4":"5. NCAP Scenarios. <br>"},{"key5":"6. Software Training.  <br>"},{"key6":"7. ADAS Testing in Lab.  <br>"},{"key7":"8. ADAS Testing On Road & Data Collection.  <br>"},{"key8":"9. Conversion of on road conditions to lab based scenarios.  <br>"},{"key9":"10. Integration with Chassis Dyno.  <br>"}]},
                  {"PopupTitle":"Advanced Driver Assistance Systems (ADAS)"}];

          if(id==1){
         $("#PopupTitle").html(Module1Data[5].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key0 );
         $("#trainees").html(Module1Data[1].Trainees[0].key0);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[3].Module_1[0].key0 +""+ Module1Data[3].Module_1[1].key1 +""+ Module1Data[3].Module_1[2].key2 +""+ Module1Data[3].Module_1[3].key3 +""+ Module1Data[3].Module_1[4].key4 +""+ Module1Data[3].Module_1[5].key5);
          }
          if(id==2){
            $("#PopupTitle").html(Module1Data[5].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key0 +"<br> 2. " +Module1Data[0].Target[0].key1);
         $("#trainees").html(Module1Data[1].Trainees[1].key1);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[4].Module_2[0].key0 +""+ Module1Data[4].Module_2[1].key1 +""+ Module1Data[4].Module_2[2].key2 +""+ Module1Data[4].Module_2[3].key3 +""+ Module1Data[4].Module_2[4].key4 +""+ Module1Data[4].Module_2[5].key5 +""+ Module1Data[4].Module_2[6].key6 +""+ Module1Data[4].Module_2[7].key7 +""+ Module1Data[4].Module_2[8].key8 +""+ Module1Data[4].Module_2[9].key9);
          }

$('#myModal3emilab').modal('show');
}


function showModalFuelCon(id) {
  ClearDivText();
var Module1Data=[{"Target":[{"key0":"Fuel Cell Basics.<br>","key1":"FuelCon Products sales pitch.<br>","key2":"Service Skill Level Improvement of an Engineers.<br>","key3":"Engineer must be able of do Software Operations, Testing & Truble Shooting.<br>","key4":"Knowledge of FuelCon Products.<br>",}]},
                  {"Trainees":[{"key0":"Any Level Engineer"},{"key1":"Engineer with Module 1 completion"},{"key2":"Engineer with Module 1, Module 2 completion"},{"key3":"Engineer with Module 1, Module 2, Module 3 completion"}]},
                  {"Trainer":[{"key0":"Sunil Gage.<br>"}]},
                  {"Module_1":[{"key0":"1. Basic Structure <br>"},{"key1":"2. Fuel Cell Types <br>"},{"key2":"3. Advantages/ Disadvantages <br>"},{"key3":"4. Japan RDE & ISC <br>"},{"key4":"5. Hydrogen- Properties/ Use/ Safety <br>"}]},
                  {"Module_2":[{"key0":"1. Product Introduction <br>"},{"key1":"2. Product Sales presentation <br>"},{"key2":"3. Standard P & ID details. <br>"},{"key3":"4. Checklist <br>"},{"key4":"5. Accessories. <br>"},{"key5":"6. Product catalogs.  <br>"}]},
                  {"Module_3":[{"key0":"1. P & ID, functional blocks <br>"},{"key1":"2. Electrical Drawing <br>"},{"key2":"3. Hardware components. <br>"},{"key3":"4. TrueData EIS, Smart CVM, TrueData CYV, TrueData LOAD, Power supply basics. <br>"},{"key4":"5. Safety levels. <br>"}]},
                  {"Module_4":[{"key0":"1. Client-Server concept.<br>"},{"key1":"2. Tag definition.<br>"},{"key2":"3. Data Log concept.<br>"},{"key3":"4. Script editor.<br>"},{"key4":"5. Safety levels.<br>"},{"key5":"6. User Interface.<br>"},{"key6":"7. Task categories.<br>"},{"key7":"8. Cockpit Manager.<br>"},{"key8":"9. Alarm Event Manager.<br>"},{"key8":"9. Export Manager.<br>"}]},
                  {"PopupTitle":"Fuel Con"}];

          if(id==1){
         $("#PopupTitle").html(Module1Data[7].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key0);
         $("#trainees").html(Module1Data[1].Trainees[0].key0);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[3].Module_1[0].key0 +""+ Module1Data[3].Module_1[1].key1 +""+ Module1Data[3].Module_1[2].key2 +""+ Module1Data[3].Module_1[3].key3 +""+ Module1Data[3].Module_1[4].key4 );
          }
          if(id==2){
            $("#PopupTitle").html(Module1Data[7].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key4 +"<br> 2. " +Module1Data[0].Target[0].key1);
         $("#trainees").html(Module1Data[1].Trainees[1].key1);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[4].Module_2[0].key0 +""+ Module1Data[4].Module_2[1].key1 +""+ Module1Data[4].Module_2[2].key2 +""+ Module1Data[4].Module_2[3].key3 +""+ Module1Data[4].Module_2[4].key4 +""+ Module1Data[4].Module_2[5].key5);
          }
          if(id==3){
            $("#PopupTitle").html(Module1Data[7].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key2 );
         $("#trainees").html(Module1Data[1].Trainees[2].key2);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[5].Module_3[0].key0 +""+ Module1Data[5].Module_3[1].key1 +""+ Module1Data[5].Module_3[2].key2 +""+ Module1Data[5].Module_3[3].key3 +""+ Module1Data[5].Module_3[4].key4);
          }
          if(id==4){
         $("#PopupTitle").html(Module1Data[7].PopupTitle);
         $("#targate").html("1. "+Module1Data[0].Target[0].key3);
         $("#trainees").html(Module1Data[1].Trainees[3].key3);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[6].Module_4[0].key0 +""+ Module1Data[6].Module_4[1].key1 +""+ Module1Data[6].Module_4[2].key2 +""+ Module1Data[6].Module_4[3].key3 +""+ Module1Data[6].Module_4[4].key4 +""+ Module1Data[6].Module_4[5].key5 +""+ Module1Data[6].Module_4[6].key6 +""+ Module1Data[6].Module_4[7].key7 +""+ Module1Data[6].Module_4[8].key8);
          }

$('#myModal3emilab').modal('show');
}

function showModalmyModal4engine(id){
  ClearDivText();
var Module1Data=[{"Target":[{"key0":"1. Skill Level Improvement of Engineers.<br>","key1":"2. Understanding of the utility requirments.<br>","key2":"3. Safety Handling of   Test cell.<br>","key3":"4. Engineer must be able to perform Vehicle Emission Test without any support.<br>","key4":" 2. Engineer must be able of do Operational, Calibration & Daily Maintenance activities.<br>","key5":" 2. Engineer must be able of do Software Operations, Testing & Truble Shooting.<br>","key6":" 2. Engineer must be able to conduct Engine Testing Independently.<br>"}]},
                  {"Trainees":[{"key0":"Any Level Engineer"},{"key1":"Engineer with Module 1 completion"},{"key2":"Engineer with Module 1, Module 2 completion"},{"key3":"Engineer with Module 1, Module 2, Module 3 completion"},{"key4":"Engineer with Module 1, Module 2, Module 3, Module 4 completion"},{"key5":"Engineer with Module 1, Module 2, Module 3, Module 4, Module 5 completion"}]},
                  {"Trainer":[{"key0":"Nagesh Mantage.<br>"},{"key1":"Amol Mane.<br>"},{"key2":"Mayur Devrukhkar.<br>"},{"key3":"Sourabh Gujar.<br>"}]},
                  {"Module_1":[{"key0":"1. Properties of   as a Fuel  <br>"},{"key1":"2. Engine combustion reaction at different points of complete system <br>"},{"key2":"3. Engine test cell architecture (VISIO)   <br>"},{"key3":"4. H2-ICE   <br>"},{"key4":"5. Test Automation System.  <br>"}]},          
                  {"Module_2":[{"key0":"1. H2-ICE Utilities test cell planning  <br>"},{"key1":"2. H2 ICE vs Conventional fuel engine test cells  <br>"},{"key2":"3. Test cell Safety appliances overview (specific to  ) <br>"},{"key3":"4. Recommended safety studies- PHA (HAZID/HAZOP/LOPA), QRA, ALARP, DSEAR, HAC assessment, ERP etc.  <br>"},{"key4":"5. CFD modeling overview <br>"}]},                 
                  {"Module_3":[{"key0":"1. Introduction of Engine test cell <br>"},{"key1":"2. Types of Dynamometers for Engine testing <br>"},{"key2":"3. Components of an Engine testing  <br>"},{"key3":"4. Air conditioning (CAHU) & Fuel conditioning unit (FQ3200CR) Overview<br>"},{"key4":"5. Frequency converter overview (GE/NIDEC/Mitsubishi)  <br>"},{"key5":"6. SPARC Controller Overview  <br>"},{"key6":"7. CCU and CAC Overview <br>"}]},  
                  {"Module_4":[{"key0":"1. Gaseous Measurement Systems (MEXA) <br>"},{"key1":"2. Particle Mass Measurement System (MDLT) <br>"},{"key2":"3. Particle Number Measurement System (SPCS)  <br>"},{"key3":"4. NH3 & N2O Measurement System (FTIR) <br>"}]},
                  {"Module_5":[{"key0":"1. STARS Automation platform Overview  <br>"},{"key1":"2. STARS Automation for Engine testing  <br>"},{"key2":"3. Conditioning unit interfacing configuration with STARS Automation <br>"},{"key3":"4. Emission devices interfacing configuration with STARS Automation  <br>"},{"key4":"5. I/O Module interfacing with STARS Automation  <br>"},{"key5":"6. SPARC Controller interfacing with STARS Automation <br>"},{"key6":"7. Test Stand and Project creation and its usage  <br>"},{"key7":"8. STARS partial backup procedure  <br>"},{"key8":"9. STARS Image backup restore procedure <br>"}]},
                  {"Module_6":[{"key0":"1. Standard Engine Testing cycle HDEET suit overview  <br>"},{"key1":"2. Test specimen creation as per specimen details  <br>"},{"key2":"3. Standard HDEET test cycle overview  <br>"},{"key3":"4. HDEET test cycles run and report check  <br>"},{"key4":"5. Custom test cycle preparation <br>"},{"key5":"6. Custom test cycles report preparation <br>"}]},
                  {"PopupTitle":"Engine Emission Measurement Lab"}];

          if(id==1){
         $("#PopupTitle").html(Module1Data[9].PopupTitle);
         $("#targate").html(Module1Data[0].Target[0].key0);
         $("#trainees").html(Module1Data[1].Trainees[0].key0);
         $("#trainer").html(Module1Data[2].Trainer[0].key0  );
         $("#trainingContent").html(Module1Data[3].Module_1[0].key0 +""+ Module1Data[3].Module_1[1].key1 +""+ Module1Data[3].Module_1[2].key2 +""+ Module1Data[3].Module_1[3].key3 +""+ Module1Data[3].Module_1[4].key4);
          }
          if(id==2){
         $("#PopupTitle").html(Module1Data[9].PopupTitle);
         $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key1  +"<br>" +Module1Data[0].Target[0].key2);
         $("#trainees").html(Module1Data[1].Trainees[1].key1);
         $("#trainer").html(Module1Data[2].Trainer[0].key0 +"<br>" + Module1Data[2].Trainer[1].key1 );
         $("#trainingContent").html(Module1Data[4].Module_2[0].key0 +""+ Module1Data[4].Module_2[1].key1 +""+ Module1Data[4].Module_2[2].key2 +""+ Module1Data[4].Module_2[3].key3 +""+ Module1Data[4].Module_2[4].key4  );
          }
          if(id==3){
         $("#PopupTitle").html(Module1Data[9].PopupTitle);
         $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key4 );
         $("#trainees").html(Module1Data[1].Trainees[2].key2);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[5].Module_3[0].key0 +""+ Module1Data[5].Module_3[1].key1 +""+ Module1Data[5].Module_3[2].key2 +""+ Module1Data[5].Module_3[3].key3 +""+ Module1Data[5].Module_3[4].key4 +""+ Module1Data[5].Module_3[5].key5 +""+ Module1Data[5].Module_3[6].key6  );
          }
          if(id==4){
          $("#PopupTitle").html(Module1Data[9].PopupTitle);
          $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key4 );
         $("#trainees").html(Module1Data[1].Trainees[3].key3);
         $("#trainer").html(Module1Data[2].Trainer[2].key2 +"<br>" + Module1Data[2].Trainer[3].key3 );
         $("#trainingContent").html(Module1Data[6].Module_4[0].key0 +""+ Module1Data[6].Module_4[1].key1 +""+ Module1Data[6].Module_4[2].key2 +""+ Module1Data[6].Module_4[3].key3);
          }
          if(id==5){
         $("#PopupTitle").html(Module1Data[9].PopupTitle);
         $("#targate").html(Module1Data[0].Target[0].key0   +"<br>" +Module1Data[0].Target[0].key5);
         $("#trainees").html(Module1Data[1].Trainees[4].key4);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[7].Module_5[0].key0 +""+ Module1Data[7].Module_5[1].key1 +""+ Module1Data[7].Module_5[2].key2 +""+ Module1Data[7].Module_5[3].key3 +""+ Module1Data[7].Module_5[4].key4 +""+ Module1Data[7].Module_5[5].key5 +""+ Module1Data[7].Module_5[6].key6 +""+ Module1Data[7].Module_5[7].key7 +""+ Module1Data[7].Module_5[8].key8);
          }
          if(id==6){
         $("#PopupTitle").html(Module1Data[9].PopupTitle);
         $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key6);
         $("#trainees").html(Module1Data[1].Trainees[5].key5);
         $("#trainer").html(Module1Data[2].Trainer[0].key0);
         $("#trainingContent").html(Module1Data[8].Module_6[0].key0 +""+ Module1Data[8].Module_6[1].key1 +""+ Module1Data[8].Module_6[2].key2 +""+ Module1Data[8].Module_6[3].key3 +""+ Module1Data[8].Module_6[4].key4 +""+ Module1Data[8].Module_6[5].key5 );
          }

$('#myModal3emilab').modal('show');

}
function showModalmyModal3emilab(id){
  ClearDivText();
  var Module1Data=[{"Target":[{"key0":"1. Skill Level Improvement of Engineers.<br>","key1":"2. Engineer must be able of do Operational, Calibration & Daily Maintenance activities.<br>","key2":"3. Engineer must be able to perform Vehicle Emission Test without any support.<br>","key3":" 2. Engineer must be able of do Software Operations, Testing & Truble Shooting.<br>","key4":" 2. Engineer must be able to conduct Vehicle Testing Independently.<br>"}]},
                    {"Trainees":[{"key0":"Any Level Engineer"},{"key1":"Engineer with Module 1 completion"},{"key2":"Engineer with Module 1, Module 2 completion"},{"key3":"Engineer with Module 1, Module 2, Module 3 completion"},{"key4":"Engineer with Module 1, Module 2, Module 3, Module 4 completion"}]},
                    {"Trainer":[{"key0":"Swapnil Deshpande.<br>"},{"key1":"Mayur Devrukhkar"},{"key2":"Harshit Agarwal.<br>"},{"key3":"Vithuraj Sawant.<br>"}]},
                    {"Module_1":[{"key0":"1. What is Vehicle Emission? <br>"},{"key1":"2. Effect of Air pollution on Human Health <br>"},{"key2":"3. Chassis Dynamometer <br>"},{"key3":"4. Emission Measurement Systems <br>"},{"key4":"5. Vehicle Test Automation System <br>"},{"key5":"6. VTC Lab <br>"}]},       
                    {"Module_2":[{"key0":"1. Basics of Chassis Dynamometer <br>"},{"key1":"2. Application of Chassis Dynamometer <br>"},{"key2":"3. Chassis Dynamometer Manufacturing <br>"},{"key3":"4. Chassis Dynamometer Factory Quality Checks <br>"},{"key4":"5. Chassis Dynamometer Regulation Checks <br>"},{"key5":"6. Chassis Dynamometer Calibration  <br>"}]},
                    {"Module_3":[{"key0":"1. Gaseous Measurement Systems (MEXA) <br>"},{"key1":"2. Constant Volume Sampler (CVS) <br>"},{"key2":"3. Particle Mass Measurement System (DLS) <br>"},{"key3":"4. Particle Number Measurement System (SPCS) <br>"},{"key4":"5. NH3 & N2O Measurement System (FTIR) <br>"},{"key5":"6. Portable Emission Measurement System (PEMS) <br>"}]},  
                    {"Module_4":[{"key0":"1. Test Automation System Overview <br>"},{"key1":"2. Load Parameters <br>"},{"key2":"3. Requesting an Emission Test & Maintenance Test <br>"},{"key3":"4. Test Options – Measurement Tasks <br>"},{"key4":"5. Test Editor <br>"},{"key5":"6. Data Interpretation & Visual Analysis (DIVA) <br>"},{"key6":"7. CRSD Overview <br>"},{"key7":"8. Weather Station <br>"},{"key8":"9. I/O station <br>"}]},
                    {"Module_5":[{"key0":"1. Vehicle Preparation & Connection <br>"},{"key1":"2. Measurement System Preparation & Calibration <br>"},{"key2":"3. How to conduct Precon & Emission Test? <br>"},{"key3":"4. Result Analysis & Co-relation  <br>"}]},
                    {"PopupTitle":"Vehicle Emission Measurement Lab"}];

            if(id==1){
           $("#PopupTitle").html(Module1Data[8].PopupTitle);
           $("#targate").html(Module1Data[0].Target[0].key0);
           $("#trainees").html(Module1Data[1].Trainees[0].key0);
           $("#trainer").html(Module1Data[2].Trainer[0].key0 + "<br>"+Module1Data[2].Trainer[1].key1 );
           $("#trainingContent").html(Module1Data[3].Module_1[0].key0 +""+ Module1Data[3].Module_1[1].key1 +""+ Module1Data[3].Module_1[2].key2 +""+ Module1Data[3].Module_1[3].key3 +""+ Module1Data[3].Module_1[4].key4 +""+ Module1Data[3].Module_1[5].key5);
            }
            if(id==2){
           $("#PopupTitle").html(Module1Data[8].PopupTitle);
           $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key1 );
           $("#trainees").html(Module1Data[1].Trainees[1].key1);
           $("#trainer").html(Module1Data[2].Trainer[0].key0);
           $("#trainingContent").html(Module1Data[4].Module_2[0].key0 +""+ Module1Data[4].Module_2[1].key1 +""+ Module1Data[4].Module_2[2].key2 +""+ Module1Data[4].Module_2[3].key3 +""+ Module1Data[4].Module_2[4].key4 +""+ Module1Data[4].Module_2[5].key5 );
            }
            if(id==3){
           $("#PopupTitle").html(Module1Data[8].PopupTitle);
           $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key1 );
           $("#trainees").html(Module1Data[1].Trainees[2].key2);
           $("#trainer").html(Module1Data[2].Trainer[1].key1);
           $("#trainingContent").html(Module1Data[5].Module_3[0].key0 +""+ Module1Data[5].Module_3[1].key1 +""+ Module1Data[5].Module_3[2].key2 +""+ Module1Data[5].Module_3[3].key3 +""+ Module1Data[5].Module_3[4].key4 +""+ Module1Data[5].Module_3[5].key5 );
            }
            if(id==4){
            $("#PopupTitle").html(Module1Data[8].PopupTitle);
            $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key3 );
           $("#trainees").html(Module1Data[1].Trainees[3].key3);
           $("#trainer").html(Module1Data[2].Trainer[2].key2);
           $("#trainingContent").html(Module1Data[6].Module_4[0].key0 +""+ Module1Data[6].Module_4[1].key1 +""+ Module1Data[6].Module_4[2].key2 +""+ Module1Data[6].Module_4[3].key3 +""+ Module1Data[6].Module_4[4].key4 +""+ Module1Data[6].Module_4[5].key5 +""+ Module1Data[6].Module_4[6].key6 +""+ Module1Data[6].Module_4[7].key7 +""+ Module1Data[6].Module_4[8].key8);
            }
            if(id==5){
           $("#PopupTitle").html(Module1Data[8].PopupTitle);
           $("#targate").html(Module1Data[0].Target[0].key0 +"<br>" +Module1Data[0].Target[0].key4);
           $("#trainees").html(Module1Data[1].Trainees[4].key4);
           $("#trainer").html(Module1Data[2].Trainer[3].key3);
           $("#trainingContent").html(Module1Data[7].Module_5[0].key0 +""+ Module1Data[7].Module_5[1].key1 +""+ Module1Data[7].Module_5[2].key2 +""+ Module1Data[7].Module_5[3].key3 );
            }

  $('#myModal3emilab').modal('show');

}



function showModal2rde(id) {
  ClearDivText();
  var Module1Data=[{"Target":[{"key0":"Software Skill Level Improvement of Engineers.<br>","key1":"Awareness of RDE Requirements,Regulations.<br>", "key2":"Engineer must be able of do Operational, Calibration & Daily Maintenance activities.<br>","key3":"Engineer must be able to perform CD Validation & On Road RDE Test <br>","key4":"How to Conduct Valid RDE Test <br>","key5":"Engineer must be able of do Software Operations, Testing & Truble Shooting.<br>",}]},
                    {"Trainees":[{"key0":"Any Level Engineer"},{"key1":"Engineer with Module 1 completion"},{"key2":"Engineer with Module 1, Module 2 completion"},{"key3":"Engineer with Module 1, Module 2, Module 3 completion"}]},
                    {"Trainer":"Yogeshwar Aher"},
                    {"Module_1":[{"key0":"1. Background of RDE <br>"},{"key1":"2. Regulation Parameters <br>"},{"key2":"3. Europe RDE & ISC <br>"},{"key3":"4. Japan RDE & ISC <br>"},{"key4":"5. USA RDE & ISC <br>"},{"key5":"6. India RDE & ISC <br>"}]},
                    {"Module_2":[{"key0":"1. OBS GA, OBS PM & OBS PN <br>"},{"key1":"2. Mounting OBS On Vehicle & Connections <br>"},{"key2":"3. Startup, Shutdown & Charging Procedure <br>"},{"key3":"4. User Functions <br>"},{"key4":"5. OBS Checks & Test <br>"},{"key5":"6. Preventive maintenance activity  <br>"},{"key6":"7. Overhauling Activity <br>"},{"key7":"8. Pitot & PN Calibration Activity <br>"}]},
                    {"Module_3":[{"key0":"1. Software Overview <br>"},{"key1":"2. Test Preparation Parameters <br>"},{"key2":"3. Test Report by Post Processing <br>"},{"key3":"4. Test Validation <br>"},{"key4":"5. Regulation <br>"}]},
                    {"Module_4":[{"key0":"1. Vehicle preparation for RDE Test <br>"},{"key1":"2. Measurement Setup on Vehicle <br>"},{"key2":"3. Test Report by Post Processing <br>"},{"key3":"4. CD Correlation Test for LDV <br>"},{"key4":"5. RDE Test for LDV <br>"},{"key5":"6. RDE Test for HDV <br>"}]},
                    {"PopupTitle":"Real Drive Emission Measurement (RDE)"}]

            if(id==1){
           $("#PopupTitle").html(Module1Data[7].PopupTitle);
           $("#targate").html("1. "+Module1Data[0].Target[0].key0 +"<br> 2. " +Module1Data[0].Target[0].key1);
           $("#trainees").html(Module1Data[1].Trainees[0].key0);
           $("#trainer").html(Module1Data[2].Trainer);
           $("#trainingContent").html(Module1Data[3].Module_1[0].key0 +""+ Module1Data[3].Module_1[1].key1 +""+ Module1Data[3].Module_1[2].key2 +""+ Module1Data[3].Module_1[3].key3 +""+ Module1Data[3].Module_1[4].key4 +""+ Module1Data[3].Module_1[5].key5);
            }
            if(id==2){
              $("#PopupTitle").html(Module1Data[7].PopupTitle);
           $("#targate").html("1. " +Module1Data[0].Target[0].key0 +"<br> 2. " +Module1Data[0].Target[0].key2);
           $("#trainees").html(Module1Data[1].Trainees[1].key1);
           $("#trainer").html(Module1Data[2].Trainer);
           $("#trainingContent").html(Module1Data[4].Module_2[0].key0 +""+ Module1Data[4].Module_2[1].key1 +""+ Module1Data[4].Module_2[2].key2 +""+ Module1Data[4].Module_2[3].key3 +""+ Module1Data[4].Module_2[4].key4 +""+ Module1Data[4].Module_2[5].key5 +""+ Module1Data[4].Module_2[6].key6 +""+ Module1Data[4].Module_2[7].key7 );
            }
            if(id==3){
              $("#PopupTitle").html(Module1Data[7].PopupTitle);
           $("#targate").html("1. " + Module1Data[0].Target[0].key0 +"<br> 2." +Module1Data[0].Target[0].key5 );
           $("#trainees").html(Module1Data[1].Trainees[2].key2);
           $("#trainer").html(Module1Data[2].Trainer);
           $("#trainingContent").html(Module1Data[5].Module_3[0].key0 +""+ Module1Data[5].Module_3[1].key1 +""+ Module1Data[5].Module_3[2].key2 +""+ Module1Data[5].Module_3[3].key3 +""+ Module1Data[5].Module_3[4].key4);
            }
            if(id==4){
              $("#PopupTitle").html(Module1Data[7].PopupTitle);
           $("#targate").html("1. " +Module1Data[0].Target[0].key0 +"<br> 2. " +Module1Data[0].Target[0].key3 +"<br> 3. " +Module1Data[0].Target[0].key4 );
           $("#trainees").html(Module1Data[1].Trainees[3].key3);
           $("#trainer").html(Module1Data[2].Trainer);
           $("#trainingContent").html(Module1Data[6].Module_4[0].key0 +""+ Module1Data[6].Module_4[1].key1 +""+ Module1Data[6].Module_4[2].key2 +""+ Module1Data[6].Module_4[3].key3 +""+ Module1Data[6].Module_4[4].key4 +""+ Module1Data[6].Module_4[5].key5);
            }

  $('#myModal3emilab').modal('show');
}

function closeModal() {
  $('#myModal').modal('hide');

}
function closeModalRde() {
  $('#myModal2rde').modal('hide');
}

function closeModal2() {
  $('#myModal2').modal('hide');
}

</script>
<script>

function getfeeddetails(){

const formdata = new FormData();
formdata.append("template", "offlinetraining");
$.ajax({
   type:'POST',
  // enctype: 'multipart/form-data',
   url:"<?= FOLDER_PATH . '/main/get_template'?>",
   data: formdata,
   contentType: false,
   processData: false,
   success:function(data){
     
   }
});

}


</script>
<!-- ======================= 
JS libraries, plugins and custom scripts -->
<?php include 'app/views/common/js.php';?>
</body>
</html>