<?php defined('BASEPATH') or exit('Direct access is not allowed'); ?>
<!DOCTYPE html>
<html>
<head>
<?php include 'app/views/common/css.php';?>
</head>

<body>

<!-- **************** MAIN CONTENT START **************** -->

<!-- =======================
Header START -->
<header class="navbar-dark navbar-transparent header-static">

	<!-- Logo Nav START -->
	<!-- <nav class="navbar navbar-expand-lg">
		<div class="container">
		
			<a class="navbar-brand" href="#">
        <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> 

			
			<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>


			<div class="collapse navbar-collapse" id="navbarCollapse">
			</div>

			<ul class="nav flex-nowrap align-items-center ms-sm-3 list-unstyled">

        <li class="nav-item ms-2 dropdown">
					<a class="nav-link btn icon-md p-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
						<img class="avatar-img rounded-2" src="app/views/assets/images/avatar/07.jpg" alt="">
					</a>
          <ul class="dropdown-menu dropdown-animation dropdown-menu-end pt-3 small me-md-n3" aria-labelledby="profileDropdown">
       
            <li class="px-3">
              <div class="d-flex align-items-center position-relative">
           
                <div class="avatar me-3">
                  <img class="avatar-img rounded-circle" src="app/views/assets/images/avatar/07.jpg" alt="avatar">
                </div>
                <div>
                  <a class="h6 stretched-link" href="#">Lori Ferguson</a>
                  <p class="small m-0">Web Developer</p>
                </div>
              </div>
              <a class="dropdown-item btn btn-primary-soft btn-sm my-2 text-center" href="my-profile.html">View profile</a>
            </li>
        
            <li><a class="dropdown-item" href="settings.html"><i class="bi bi-gear fa-fw me-2"></i>Settings & Privacy</a></li>
            <li> 
              <a class="dropdown-item" href="https://support.webestica.com/" target="_blank">
                <i class="fa-fw bi bi-life-preserver me-2"></i>Support
              </a> 
            </li>
            <li> 
              <a class="dropdown-item" href="docs/index.html" 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="sign-in-advance.html"><i class="bi bi-power fa-fw me-2"></i>Sign Out</a></li>
            <li> <hr class="dropdown-divider"></li>
    
            <li>
              <div class="modeswitch-wrap" id="darkModeSwitch">
                <div class="modeswitch-item">
                  <div class="modeswitch-icon"></div>
                </div>
                <span>Dark mode</span>
              </div>
            </li> 
           
          </ul>
				</li>
			
        
			</ul>

		</div>
	</nav> -->
	<!-- Logo Nav END -->
</header>
<!-- =======================
Header END -->

<!-- **************** MAIN CONTENT START **************** -->
<main> 

  <!-- Hero event START -->
  <section class="pt-5 pb-0 position-relative" style="background-image: url(app/views/assets/images/bg/Banner5.JPG); background-repeat: no-repeat; background-size: cover; background-position: top center;">
  <div class="bg-dark opacity-5"></div>
    <!-- Container START -->
    <div class="container">
      <div class="pt-5">
        <div class="row position-relative">

          <div class="mb-n5 mt-3 mt-lg-5">
            <div class="col-xl-9 col-lg-11 mx-auto">
              <!-- Category START -->
              <div class="d-md-flex gap-3 mt-5 p-4">
               
              </div>

              <!-- Category END -->
            </div>
          </div>
        </div>
      </div>
    </div>
   
  </section> 
  <!-- Hero event END -->

  <!-- Discover Events START -->
  <section class="bg-mode">
    <div class="container">
      <!-- <div class="row">
        <div class="col-12 mb-3">
          <div class="d-sm-flex justify-content-between">
            <h4>Horiba India Segment Details </h4>
          </div>
        </div>
      </div> -->
      <div class="row row-cols-3">
        <div class="col mt-2">
        <div class="card h-100">
            <div class="position-relative">
              <img class="img-fluid rounded-top" src="app/views/assets/images/segments/energy.jpg" alt="">
              <!-- <div class="badge bg-danger text-white mt-2 me-2 position-absolute top-0 end-0">
                Automotive
              </div> -->
            </div>
            <!-- Card body START -->
            <div class="card-body position-relative pt-0">
              <!-- Tag -->
              <!-- <a class="btn btn-xs btn-primary mt-n3" href="/trainingportal/login">training </a>  <a href="/trainingportal/login">Automotive </a> --> 
              <h5 class="mt-3" onclick="login_to_portal('Pne');">  Energy & Environment  </h5>  
              <!-- Button -->
              <div class="d-flex mt-3 justify-content-between">
                <!-- Interested button -->
                <div class="w-100">
                  <input type="button" class="btn-check d-block" onclick="login_to_portal(this.id);" id="Pne"/>
                  <label class="btn btn-sm btn-outline-success d-block" for="Pne"><i class="fa-solid fa-thumbs-up me-1"></i> Go to</label>
                </div>
                <div class="dropdown ms-3">
                  <a href="#" class="btn btn-sm btn-primary-soft" id="eventActionShare" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="bi bi-arrow-up-right-square"></i>
                  </a>
                  <div class="dropdown-menu dropdown-menu-end" style="width: 18rem;" aria-labelledby="eventActionShare">
                      <div class="card-body">
                        <h5 class="card-title"> Energy & Environment</h5>
                        <p class="card-text">HORIBA Automotive provides innovative applications and insights, advanced automotive validation and verification technologies and equipment, and ongoing guidance and consultation to client partners across the globe. With 75 years of unmatched comprehensive scientific measurement and data management proficiencies, HORIBA Automotive’s ever-expanding engineering expertise and ongoing innovations provide customers with complete solutions that solve industry challenges.</p>
                        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                      </div>
                   </div>

                </div>
              </div>
            </div>
            <!-- Card body END -->
        </div>
        </div>
        <div class="col mt-2">
        <div class="card h-100">
            <div class="position-relative">
              <img class="img-fluid rounded-top" src="app/views/assets/images/segments/medical.jpg" alt="">
              <!-- <div class="badge bg-danger text-white mt-2 me-2 position-absolute top-0 end-0">
              Medical
              </div> -->
            </div>
            <!-- Card body START -->
            <div class="card-body position-relative pt-0">
              <!-- Tag -->
              <!-- <a class="btn btn-xs btn-primary mt-n3" href="/trainingportal/medical">training</a> <a href="/trainingportal/medical"> Medical </a> -->
              <h5 class="mt-3" onclick="login_to_portal('Medical');"> Bio & Healthcare </h5>
              <!-- Button -->
              <div class="d-flex mt-3 justify-content-between">
                <!-- Interested button -->
                <div class="w-100">
                  <input type="checkbox" class="btn-check d-block" onclick="login_to_portal(this.id);" id="Medical">
                  <label class="btn btn-sm btn-outline-success d-block" for="Medical"><i class="fa-solid fa-thumbs-up me-1"></i> Go to</label>
                </div>
                <div class="dropdown ms-3">
                  <a href="#" class="btn btn-sm btn-primary-soft" id="eventActionShare2" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="bi bi-arrow-up-right-square"></i>
                  </a>
                  <div class="dropdown-menu dropdown-menu-end" style="width: 18rem;" aria-labelledby="eventActionShare2">
                      <div class="card-body">
                        <h5 class="card-title">Bio & Healthcare</h5>
                        <p class="card-text">HORIBA Medical designs, develops and distributes worldwide, in vitro diagnostic systems mainly destined for biological analysis in medical laboratories. These automated analyzers meet the needs of various users including patients, doctors, private laboratories, clinics and university hospitals. HORIBA expertise in in vitro diagnostics is one of the most respected in hematology worldwide and contribute today to the health of tomorrow.</p>
                        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                      </div>
                   </div>
                </div>
              </div>
            </div>
            <!-- Card body END -->
        </div>
        </div>
        <!-- <div class="col mt-2">
        <div class="card h-100">
            <div class="position-relative">
              <img class="img-fluid rounded-top" src="app/views/assets/images/segments/pne.jpg" alt="">
     
            </div>

            <div class="card-body position-relative pt-0">
              <h5 class="mt-3" onclick="login_to_portal('Pne');" id=""> E & E </h5>
 
              <div class="d-flex mt-3 justify-content-between">
  
                <div class="w-100">
                  <input type="checkbox" class="btn-check d-block" onclick="login_to_portal(this.id);" id="Pne">
                  <label class="btn btn-sm btn-outline-success d-block" for="Pne"><i class="fa-solid fa-thumbs-up me-1"></i> Go to</label>
                </div>
                <div class="dropdown ms-3">
                  <a href="#" class="btn btn-sm btn-primary-soft" id="eventActionShare3" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="bi bi-arrow-up-right-square"></i>
                  </a>
                  <div class="dropdown-menu dropdown-menu-end" style="width: 18rem;" aria-labelledby="eventActionShare3">
                      <div class="card-body">
                        <h5 class="card-title">Process & Environmental</h5>
                        <p class="card-text">HORIBA provides a wide range of technologies to measure air, water and soil quality. Thanks to its measurement technologies that comply with environmental regulations around the world and contributes to the development of environmental conservation. </p>
                     
                      </div>
                   </div>
                </div>
              </div>
            </div>
      
          </div>
        </div> -->
        
        <div class="col mt-2">
          <div class="card h-100">
              <div class="position-relative">
                <img class="img-fluid rounded-top" src="app/views/assets/images/segments/semiconductor.jpg" alt="">
                <!-- <div class="badge bg-danger text-white mt-2 me-2 position-absolute top-0 end-0">
                Semiconductor
                </div> -->
              </div>
              <!-- Card body START -->
              <div class="card-body position-relative pt-0">
                <!-- Tag -->
                <!-- <a class="btn btn-xs btn-primary mt-n3" href="/trainingportal/semiconductor">training</a> -->
                <!-- <h5 class="mt-3"> <a href="/trainingportal/semiconductor"> Semiconductor </a> </h5> -->
                <h5 class="mt-3" onclick="login_to_portal('Semiconductor');" id=""> Materials & Semiconductor </h5>
                <!-- Button -->
                <div class="d-flex mt-3 justify-content-between">
                  <!-- Interested button -->
                  <div class="w-100">
                    <input type="checkbox" class="btn-check d-block" onclick="login_to_portal(this.id);" id="Semiconductor">
                    <label class="btn btn-sm btn-outline-success d-block" for="Interested5"><i class="fa-solid fa-thumbs-up me-1"></i> Go to</label>
                  </div>
                  <div class="dropdown ms-3">
                    <a href="#" class="btn btn-sm btn-primary-soft" id="eventActionShare5" data-bs-toggle="dropdown" aria-expanded="false">
                      <i class="bi bi-arrow-up-right-square"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-end" style="width: 18rem;" aria-labelledby="eventActionShare5">
                        <div class="card-body">
                          <h5 class="card-title">Materials & Semiconductor</h5>
                          <p class="card-text"> In today’s society, the rate of change in product development is driven by consumer demand from many industries looking for differentiation in a crowed marketplace. At the heart of new product development are the advances and utilisation of new technologies underpinned by the use of advanced materials and semiconductors.</p>
                          <p class="card-text"> HORIBA competencies in Fluid Control, Measurement and Analysis are enabling researchers, developers, original equipment manufacturers and end users to deliver novels solutions to global demands.   </p>
                          <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                        </div>
                    </div>
                    
                  </div>
                </div>
              </div>
              <!-- Card body END -->
            </div>
          </div>
          <div class="col mt-2">
        <div class="card h-100">
            <div class="position-relative">
              <img class="img-fluid rounded-top" src="app/views/assets/images/segments/scientific.jpg" alt="">
              <!-- <div class="badge bg-danger text-white mt-2 me-2 position-absolute top-0 end-0">
              Scientific
              </div> -->
            </div>
            <!-- Card body START -->
            <div class="card-body position-relative pt-0">
              <!-- Tag -->
              <!-- <a class="btn btn-xs btn-primary mt-n3" href="/trainingportal/scientific">training</a> -->
              <!-- <h5 class="mt-3"> <a href="/trainingportal/scientific"> Soft Skill & Policy  Training  </a> </h5> -->
              <h5 class="mt-3" onclick="login_to_portal('softskill');" id=""> Soft Skill & Policy  Training  </h5>
              <!-- Button -->
              <div class="d-flex mt-3 justify-content-between">
                <!-- Interested button -->
                <div class="w-100">
                  <input type="checkbox" class="btn-check d-block" onclick="login_to_portal(this.id);" id="softskill">
                  <label class="btn btn-sm btn-outline-success d-block" for="Interested4"><i class="fa-solid fa-thumbs-up me-1"></i> Go to</label>
                </div>
                <div class="dropdown ms-3">
                  <a href="#" class="btn btn-sm btn-primary-soft" id="eventActionShare4" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="bi bi-arrow-up-right-square"></i>
                  </a>
                  <div class="dropdown-menu dropdown-menu-end" style="width: 18rem;" aria-labelledby="eventActionShare4">
                      <div class="card-body">
                        <h5 class="card-title">Soft Skill & Policy Training </h5>
                        <p class="card-text"> HORIBA Scientific offers 200 years of experience in developing high-performance scientific instruments and analytical solutions. </p>
                        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
                      </div>
                   </div>
                </div>
              </div>
            </div>
            <!-- Card body END -->
          </div>
        </div>
    </div>
  </section>
  <!-- Discover Events END -->


 

</main>
<!-- **************** MAIN CONTENT END **************** -->

<!-- Footer START -->
<footer class="pt-5 bg-mode">
  <div class="container pt-4">
    <div class="row g-4">
      <div class="col-sm-6 col-lg-3">
        <!-- Footer Widget -->
        <img src="app/views/assets/images/logo.png" alt="">
        <p class="mt-3"> </p>
      </div>
      <div class="col-sm-6 col-lg-3">
        <!-- Footer Widget -->
        <h5 class="mb-4">Download</h5>
        <ul class="nav flex-column">
          <li class="nav-item"><a class="nav-link pt-0" href="#"> <i class="bi bi-globe fa-fw pe-2"></i>Web Browser</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> <i class="bi bi-windows fa-fw pe-2"></i>Windows</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> <i class="bi bi-apple fa-fw pe-2"></i>macOS</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> <i class="bi bi-phone fa-fw pe-2"></i>iOS & Android</a></li>
        </ul>
      </div>
      <div class="col-sm-6 col-lg-3">
        <!-- Footer Widget -->
        <h5 class="mb-4">About</h5>
        <ul class="nav flex-column">
          <li class="nav-item"><a class="nav-link pt-0" href="#"> About social</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Security</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Customer Support</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Partners</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Careers - <b> Join Us! </b></a></li>
        </ul>
      </div>
      <div class="col-sm-6 col-lg-3">
        <!-- Footer Widget -->
        <h5 class="mb-4">Resources</h5>
        <ul class="nav flex-column">
          <li class="nav-item"><a class="nav-link pt-0" href="#"> Join</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Help Center</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Developers</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Status</a></li>
          <li class="nav-item"><a class="nav-link" href="#"> Communities </a></li>
        </ul>
      </div>
    </div>
  </div>
  <hr class="mb-0 mt-5">
  <div class="bg- light py-3">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <!-- Footer nav START -->
          <ul class="nav justify-content-center justify-content-lg-start lh-1">
            <li class="nav-item">
              <a class="nav-link ps-0" href="#">Support </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" target="_blank" href="docs/index.html">Docs </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Terms of Use</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Privacy &amp; terms</a>
            </li>
          </ul>
          <!-- Footer nav START -->
        </div>
        <div class="col-lg-6">
          <!-- Copyright START -->
          <?php include 'app/views/common/footer.php';?>
          <!-- Copyright END -->
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- Footer END -->
<script>

function login_to_portal(segment_name){
     const formdata = new FormData();
     formdata.append("segment_name_for_session", segment_name);
     $.ajax({
        type:'POST',
       // enctype: 'multipart/form-data',
        url:"/trainingportal/Login/set_segment_name",
        data: formdata,
        contentType: false,
        processData: false,
        success:function(data){
          location.href = "/trainingportal/Login";
        }
     });
}

function getSemiconductor(){

location.href = "/trainingportal/semiconductor";

}

function getScientific(){

location.href = "/trainingportal/scientific";

}


function getPnE(){

location.href = "/trainingportal/Pne";

}

function getMedical(){

location.href = "/trainingportal/medical";

}


  function getAutomotive(){

    location.href = "/trainingportal/login";

//     $.ajax({
//     type: 'POST',
//     url: '/trainingportal/main',
//     data: { 
//         'key': 'Automotive', 
//         'user': 'user'
//     },
//     success: function(msg){
       
//     }
// });


// var id=1;
// const formdata = new FormData();
// formdata.append("segment", "Automotive");


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

        // var Stock = {};
        // $.ajax({
        // type: "POST",
        // url: '/trainingportal/main',
        // dataType:"html",
        // data: JSON.stringify({ Stock }),
        // //contentType: "application/json; charset=utf-8",
        // success: function (data) {
          
        // }

        // });

  }
 
</script>
<!-- =======================
JS libraries, plugins and custom scripts -->


  <?php include 'app/views/common/js.php';?>
</body>

</html>