<?php
if (isset($_GET["name"]) && isset($_GET["email"])) {
    $name = $_GET["name"];
    $email = $_GET["email"];
    
   // echo "<p>Name: $name</p>";
   // echo "<p>Email: $email</p>";
    // Display other values here if needed
}?>
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="fonts/icomoon/style.css">

<!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet">




    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="bootstrap.min.css">
    
    <!-- Style -->
    <link rel="stylesheet" href="css/style.css">
    <!--style-->
    <style>
  /*--body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #697c37;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2; }*/

/*h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins", sans-serif;
  color: #000; }*/
  
.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  
  padding: 3em 2em;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}
.slideimg {
  width: 200px;
  height: 200px;
  animation: scroll 10s linear infinite;
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.text-black {
  color: #000; }

.content {
  padding: 5rem 0; 
    background-color: #424443;
     color: rgba(255, 255, 255, 0.5);
}

h2 {
  font-size: 3.5rem;
  font-weight: 700; }

h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff; }

.form-control {
  border: none;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .form-control:active, .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #000; }

.col-form-label {
  color: #000; }

 .form-control, .custom-select {
  height: 50px; }

.custom-select:active, .custom-select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000; }

.heading {
  color: #888;
  letter-spacing: .05rem;
  text-transform: uppercase;
  font-weight: 400; }

.btn {
  color: #fff;
  border: none;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1) !important; }
  .btn:hover {
    color: #fff; }
  .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.box {
  padding: 35px 20px 10px 20px;
  background: #fff;
  -webkit-box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08);
  box-shadow: -30px 30px 0px 0 rgba(0, 0, 0, 0.08); }
  .box h3 {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
    color: #f48325;
    line-height: 30px;
  }

label.error {
  font-size: 12px;
  color: red; }

#message {
  resize: vertical; }

#form-message-warning, #form-message-success {
  display: none; }

#form-message-warning {
  color: #B90B0B; }

#form-message-success {
  color: #55A44E;
  font-size: 18px;
  font-weight: bold;
  text-align: center; }

.submitting {
  text-align: center;
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #000; }

  </style>

    <title>Contact Form #4</title>
    
  </head>
  
  <body>
  
          <header id="top">
            <div class="container rs">
                <div class="row">
                    <div class="col-md-6 col-sm-12 tb">
                      <a href="index.php"><img src="img/logo-2.webp" alt="logo" style="margin-top:10px;background-color:#f5f6f7 !important;" class="img-responsive"></a>
                    </div>
                     <div class="col-md-3 col-sm-12 ty">
                         
                        
                            <a class="whatsapp-float t bnr" data-toggle="modal" data-target="#myModal"><img src="img/whatsapp.webp" alt="contact us whatsapp"></a>
                        
                        
                           
                           </div>
                    
                    <div class="col-md-3 col-sm-12 yu">
                        <div class="addressCon">
                            <div class="row">
                            <!-- <div class="col-md-4 col-sm-4 col-xs-4">
                               <h4 style="text-align: end;"><i class="fa fa-microphone fa-3x"></i></h4>
                            </div> -->
                            <!-- <div class="col-md-8 col-sm-8 col-xs-6"> -->
                                <h4 class="forres"><a href="tel:+1(647)-294-5240"><i class="fa fa-phone"></i> +1 (647) 294-5240</a></h4>
                                <h4 class="forres"><a href="mailto:info@krishani.com"><i class="fa fa-envelope"></i> info@krishani.com</a></h4>
                           <!--  </div> -->
                            </div>
                        </div>
                    </div>
                   
                      
                </div>         
            </div>
          
        </header>
	   <!--navigation-->
    
    
     <!--<div class="container-fluid position-relative p-0">
     <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
          <!--  <a href="index.html" class="navbar-brand p-0">
             <img src="https://www.thebusinessautomation.com/demo1/img/logo-2.webp" alt="logo" style="margin-top:10px;" class="img-responsive yu">
            </a>-->
            
            <!--<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                <span class="fa fa-bars"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <div class="navbar-nav ms-auto py-0">
                    <a href="index.html" class="nav-item nav-link active">Home</a>
                     <a href="#whykrishani" class="nav-item nav-link">Why Choose Us</a>
                    <a href="#testimonial" class="nav-item nav-link">What Our Client Say</a>
                    <a href="#wordsfromceo" class="nav-item nav-link">Words From CEO</a>
                    
                   <!-- <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
                        <div class="dropdown-menu m-0">
                            <a href="price.html" class="dropdown-item">Pricing Plan</a>
                            <a href="feature.html" class="dropdown-item">Our features</a>
                            <a href="team.html" class="dropdown-item">Team Members</a>
                            <a href="testimonial.html" class="dropdown-item">Testimonial</a>
                            <a href="quote.html" class="dropdown-item">Free Quote</a>
                        </div>
                    </div>-->
                </div>
                <!--<butaton type="button" class="btn text-primary ms-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
                
            </div>
        </nav>
        </div>-->
    <!-- Navbar & Carousel Start -->
    
        
     
  <div class="content">
    
    <div class="container">
        <div class="row">
            <div class="col-md-12 mr-auto nmlo">
                 
          <h3 class="mb-3 fullw">Thank you for providing your information </h3>
          <p class="intp">Now, let's explore the finer details of your requirements to transform your idea into actuality</p>
          
          
        
                </div>
            </div>
            
      <div class="row">
      

        <div class="col-md-6 byi">
          <div class="box">
            <h3 class="heading">Select the type and category of Silicone Mold you wish to develop</h3>
            <form class="mb-5" method="post" id="contactForm" action="requirements.php" name="contactForm">
              <div class="row">
                
              
              </div>
              

                <div class="row mb-3">
                <div class="col-md-6 form-group mnk">
                  <!--<label for="budget" class="col-form-label">Food Grade</label>-->
                  
  
  
  <label for="showOptions1" id="label1" style="color:black;">Food Grade</label>
        <div id="radioContainer1" class="hidden">
            <input type="radio" name="options" value="Chocolate Molds" id="option1">
            <label for="option1" style="color:black;">Chocolate Molds</label><br>
            <input type="radio" name="options" value="Candy Molds" id="option2">
            <label for="option2" style="color:black;">Candy Molds</label><br>
            <input type="radio" name="options" value="Popsicle Molds" id="option3">
            <label for="option3" style="color:black;">Popsicle Molds</label><br>
            <input type="radio" name="options" value="Cake Molds" id="option4">
            <label for="option4" style="color:black;">Cake Molds</label><br>
            <input type="radio" name="options" value="Muffin Molds" id="option5">
            <label for="option5" style="color:black;">Muffin Molds</label><br>
               <input type="radio" name="options" value="Others" id="option6" onclick="toggleTextbox1()">
            <label for="option6" style="color:black;">Others</label><br>
            <div id="textboxContainer1" class="hidden">
            <label for="foodOtherText" style="color:black;">Please specify:</label><br>
            <input type="text" id="foodOtherText" name="foodOtherText">
        </div>
        </div>
       
  
  
  
                </div>
                <div class="col-md-6 form-group mnk2">
                  <!--<label for="budget" class="col-form-label">Non-Food Grade</label>-->

  
  
  <label for="showOptions2" id="label2" style="color:black;">Non Food Grade</label>
        <div id="radioContainer2" class="hidden">
            <input type="radio" name="options" value="Bellows" id="option1">
            <label for="option1" style="color:black;">Bellows</label><br>
            <input type="radio" name="options" value="Seals" id="option2">
            <label for="option2" style="color:black;">Seals</label><br>
            <input type="radio" name="options" value="Die Cut Gasket" id="option3">
            <label for="option3" style="color:black;">Die Cut Gasket</label><br>
            <input type="radio" name="options" value="O Rings" id="option4">
            <label for="option4" style="color:black;">O Rings</label><br>
              <input type="radio" name="options" value="Others" id="option5" onclick="toggleTextbox2()">
            <label for="option5" style="color:black;">Others</label><br>
        <div id="textboxContainer2" class="hidden">
            <label for="nonFoodOtherText" style="color:black;">Please specify:</label><br>
            <input type="text" id="nonFoodOtherText" name="nonFoodOtherText">
        </div>
           
        </div>
 
  
  
  

<input type="hidden" id="" name="name" value="<?php echo $name; ?>">
<input type="hidden" id="" name="email"value="<?php echo $email; ?>">
<input type="hidden" id="" name="phone" value="<?php echo $phone; ?>">
<input type="hidden" id="" name="message" value="<?php echo $message; ?>">
               
                </div>
              </div>

           <div class="row">
                <div class="col-md-12 bof">
                  <input type="submit" name="submit" value="Let’s Move Further" class="btn btn-block btn-primary rounded-0 py-2 px-4">
                  <span class="submitting"></span>
                </div>
              </div>
            </form>

            <div id="form-message-warning mt-4"></div> 
            <div id="form-message-success">
              Your message was sent, thank you!
            </div>
          </div>
        </div>
        
          <div class="col-md-5 mr-auto">
         <blockquote>
  <span id="symbol">“</span>
  <p id="quote">Guys at Krishani are very professional in what they do. We got custom silicone molds developed as per our design and they even suggested modifications in our design which best suited our requirement. They are one stop shop for consultancy, designing, tooling, and production.</p>
  <hr />
  <img id="pfp" src="img/derek.webp">
  <div id="name"><span>Derek Smith</span><br><span id="detail">Director Operations</span></div>
</blockquote>
          
          
        </div>
        
      </div>
  </div>
    
  </div>  
 <div class="slider">
  <div class="slide-track">
    <div class="slide">
      <img class="slideimg" src="img/90.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/91.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/92.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/93.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/94.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/95.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/96.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/97.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/98.png" alt="">
    </div>

    <div class="slide">
      <img class="slideimg" src="img/99.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/100.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/101.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/102.png" alt="">
    </div>
    <div class="slide">
      <img class="slideimg" src="img/103.png" alt="">
    </div>
  
  </div>
</div>
<!-- Footer Start -->
    


    <div class="container-fluid bg-dark text-light wow fadeInUp" data-wow-delay="0.1s">
        <div class="container">
            <div class="row gx-5">
                <div class="col-lg-4 col-md-6 footer-about">
                    <div class="flex-column align-items-center justify-content-center text-center bg-primary hto">
                        <a href="index.html" class="navbar-brand">
                           <img data-src="http://thebusinessautomation.com/demo1/img/logo-krishani.png" alt="logo" style="margin-top:10px;" class="img-responsive f ls-is-cached lazyloaded" src="http://thebusinessautomation.com/demo1/img/logo-krishani.png">
                        </a>
                        <p class="mt-3 mb-4 cont">With over 25 years of experience, Krishani Product Development stands as a leader, having successfully completed 1385+ projects and catered to 670+ clients worldwide. Our commitment to excellence drives our dedication to innovative solutions and unparalleled service.</p>
                       
                    </div>
                </div>
                <div class="col-lg-8 col-md-6">
                    <div class="row gx-5">
                        <div class="bhjk">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Get In Touch</h3>
                            </div>
                            <div class="mb-2 bcx">
                                <i class="bi bi-geo-alt textv me-2"><p class="mb-0 bbb">137-1140 Burnhamthorpe Rd.<br>
Mississauga, ON <br>L5C 0A3, Canada</p></i>
                                
                            </div>
                            <div class="mb-2 fl">
                                <a href="mailto:info@krishani.com"><i class="bi bi-envelope-open textv me-2"><p class="mb-0 bbb">info@krishani.com</p></i></a>
                               
                            </div>
                            <div class="mb-2 fl2">
                                <a href="tel:+1(647)-294-5240"><i class="bi bi-telephone textv me-2"><p class="mb-0 bbb">+1 (647) 294-5240</p></i></a>
                                
                            </div>
                            <div class="mt-4 jdl">
                                <a class="btn btn-primary btn-square me-2" href="https://www.youtube.com/channel/UCcbUDJFR07BiUFdviYdtXXA"><i class="fab fa-youtube fw-normal"></i></a>
                                <a class="btn btn-primary btn-square me-2" href="https://www.facebook.com/KrishaniMoldParts"><i class="fab fa-facebook-f fw-normal"></i></a>
                                <a class="btn btn-primary btn-square me-2" href="https://ca.linkedin.com/company/krishanimoldparts"><i class="fab fa-linkedin-in fw-normal"></i></a>
                                
                            </div>
                        
                       <!-- <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Quick Links</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Meet The Team</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog</a>
                                <a class="text-light" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Popular Links</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Home</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Meet The Team</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Latest Blog</a>
                                <a class="text-light" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Contact Us</a>
                            </div>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="container-fluid text-white" style="background: #061429;">
        <div class="container text-center">
            <div class="row justify-content-end">
                <div class="col-lg-8 col-md-6">
                    <div class="d-flex align-items-center justify-content-center fs" style="height: 34px;">
                        <p class="mb-0">&copy; <a class="text-white border-bottom" href="#">KRISHANI</a>. All Rights Reserved. 
						
						<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support.
						Designed by <a class="text-white border-bottom" href="#">Krishani</a> ***/--></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/main.js"></script>
    
 <script>
  
 <!-- function handleSelectChange(selectId) {
    var select = document.getElementById(selectId);
    var otherSelectId = (selectId === 'selectBox1') ? 'selectBox2' : 'selectBox1';
    var otherSelect = document.getElementById(otherSelectId);
    
    if (select.value !== 'default') {
        otherSelect.disabled = true;
        otherSelect.value = ''; // Set value to empty when disabling
    } else {
        otherSelect.disabled = false;
    }
}-->
function handleSelectChange(selectId) {
    var select = document.getElementById(selectId);
    var otherSelectId = (selectId === 'selectBox1') ? 'selectBox2' : 'selectBox1';
    var otherSelect = document.getElementById(otherSelectId);
    
    if (select.value !== 'default') {
        otherSelect.disabled = true;
    } else {
        otherSelect.disabled = false;
    }
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const label1 = document.getElementById("label1");
    const radioContainer1 = document.getElementById("radioContainer1");

    label1.addEventListener("click", function() {
        radioContainer1.classList.toggle("hidden");
        label1.classList.toggle("show-label");
    });

    const label2 = document.getElementById("label2");
    const radioContainer2 = document.getElementById("radioContainer2");

    label2.addEventListener("click", function() {
        radioContainer2.classList.toggle("hidden");
        label2.classList.toggle("show-label");
    });
});





</script>
<script>
function toggleTextbox1() {
    var radio1 = document.querySelector('input[name="options"]:checked');
    var textboxContainer1 = document.getElementById('textboxContainer1');
    var foodOtherText = document.getElementById('foodOtherText');

    if (radio1 && radio1.value === 'Others') {
        textboxContainer1.classList.remove('hidden');
    } else {
        textboxContainer1.classList.add('hidden');
        foodOtherText.value = ''; // Clear the text box value
    }
}

function toggleTextbox2() {
    var radio2 = document.querySelector('input[name="options"]:checked');
    var textboxContainer2 = document.getElementById('textboxContainer2');
    var nonFoodOtherText = document.getElementById('nonFoodOtherText');

    if (radio2 && radio2.value === 'Others') {
        textboxContainer2.classList.remove('hidden');
    } else {
        textboxContainer2.classList.add('hidden');
        nonFoodOtherText.value = ''; // Clear the text box value
    }
}
</script>
  </body>
</html>