<!DOCTYPE html>
<html lang="en">
  <?php
    echo $style;
  ?>
  <body data-spy="scroll" data-target="#navbarResponsive">
    <div id="home">
    <?php echo $menu;?>

      <!--- Start Carousel Image Slider -->
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="5000" >
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
		  <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <!-- Slide One -->
          <div class="carousel-item active" style="background-image: url('/mainsite/img/landingpage/1.jpeg');" alt="" >            
          </div>


		  
        </div>
        <!--- End Carousel Inner -->
        <!--- Previous & Next Buttons -->
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      <!--- End Carousel Image Slider -->
    </div>
    <!--- End Home Section -->
    <div id="mission" class="offset">
      <div class="">
        <div class="narrow">
          <div class="os-animation" >
            <h3 class="heading" style="margin-top:22px; font-size: 30px;">CONTACT US</h3>
            <div class="heading-underline"></div>
            <div class="row" >
            <div class="col-md-12">
             <form method="post" action="/home/savecontactus">
              <div class="messages"></div>
              <div class="">
                <div class="row" >
                  <div class="col-md-12">
                    <div class="form-group">
                      <input id="form_name" type="text" name="name" class="form-control" placeholder="Enter your name." required="required" onkeyup = "return isNumber(event)"/>
                    </div>
                  </div>
                </div>
                <div class="row" >
                  <div class="col-md-6">
                    <div class="form-group">
                      <input id="form_email" type="email" name="email" class="form-control" placeholder="Enter your email." required="required" />
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-group">
                      <input id="form_mobile" type="text" name="mobile" class="form-control" placeholder="Enter your mobile number." required="required" />
                    </div>
                  </div>
                </div>
                <div class="row" >
                  <div class="col-md-4">
                    <div class="form-group">
                      <?php echo $country; ?>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <select id="state" name="state" class="form-control" onchange="get_addcity(this)"><option value="">Select State</option><option value="">Other State</option></select>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="form-group">
                      <select id="city" name="city" class="form-control" ><option value="">Select City</option><option value="">Other City</option></select>
                    </div>
                  </div>
                </div>
                <div class="row" >
                  <div class="col-md-12">
                    <div class="form-group">
                      <input id="subject" name="subject" class="form-control" placeholder="Subject" required />
                    </div>
                  </div>
                </div>
                <div class="row" >
                  <div class="col-md-12">
                    <div class="form-group">
                      <textarea id="message" name="message" class="form-control" placeholder="Add your message." rows="4" required="required"></textarea>
                    </div>
                  </div>
                </div>
                <input type="submit" class="btn btn-outline-primary btn-sm" value="Send message" />
              </div>
            </form>
		      </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<?php echo $script;?>
	<script type="text/javascript">
	$(document).ready(function () {
	
	});
  <?php
  echo '
  function get_addstates(country)
  {
    var state = '.json_encode($state).';
    select = document.getElementById("state");
    for(i=0; i<state.length; i++)
    {
        if(state[i]["fk_country_id"] == country.value)
        {
            var opt = document.createElement("option");
            opt.value = state[i]["state_id"];
            opt.innerHTML = state[i]["state_name"];
            select.appendChild(opt);
        }
        else
        {
            for(j=0; j<select.length; j++)
            {
                if (select.options[j].value == state[i]["state_id"])
                {
                    select.remove(j);
                }
            }
        }
    }
  }
  function get_addcity(state)
  {
    var city = '.json_encode($city).';
    select = document.getElementById("city");
    for(i=0; i<city.length; i++)
    {
        if(city[i]["fk_state_id"] == state.value)
        {
            var opt = document.createElement("option");
            opt.value = city[i]["city_id"];
            opt.innerHTML = city[i]["city_name"];
            select.appendChild(opt);
        }
        else
        {
            for(j=0; j<select.length; j++)
            {
                if (select.options[j].value == city[i]["city_id"])
                {
                    select.remove(j);
                }
            }
        }
    }
  }';
  ?>
	</script>
  </body>
</html>
