
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
    <link rel="shortcut icon" href="assets/img/icon-title.png" type="image/png">
	<title>appICE | Request for demo</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />

	<!-- ================== BEGIN BASE CSS STYLE ================== -->
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
	<link href="assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
	<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
	<link href="assets/css/animate.min.css" rel="stylesheet" />
	<link href="assets/css/style.login.css" rel="stylesheet" />
	<link href="assets/css/style.home.css" rel="stylesheet" />
	<link href="assets/css/style-responsive.min.css" rel="stylesheet" />
	<link href="assets/css/theme/default.new.css" rel="stylesheet" id="theme" />
	<!-- ================== END BASE CSS STYLE ================== -->

	<!-- ================== BEGIN BASE JS ================== -->
	<!-- <script src="assets/plugins/pace/pace.min.js"></script> -->
	<!-- ================== END BASE JS ================== -->
</head>
<body class="pace-top">
	<!-- begin #page-loader -->
	<!-- <div id="page-loader" class="fade in"><span class="spinner"></span></div> -->
	<!-- end #page-loader -->

	<div class="login-cover">
	    <div class="login-cover-image">
      <!-- <img src="assets/img/login-bg/bg-6.jpg" data-id="login-cover-image" alt="" /> -->
    </div>
    <div class="login-cover-bg"></div>
  </div>
  <!-- begin #header -->
  <div id="header" class="header navbar navbar-transparent navbar-fixed-top">
    <!-- begin container -->
    <div class="container">
      <!-- begin navbar-header -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="/" class="navbar-brand">
          <span class="brand-logo"></span>
          <span class="brand-text">
                        app<span class="text-theme">ICE</span>
          </span>
        </a>
      </div>
      <!-- end navbar-header -->
      <!-- begin navbar-collapse -->
      <div class="collapse navbar-collapse" id="header-navbar">
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="index">HOME</a>
          </li>
          <li><a href="index#product">PRODUCT</a></li>
          <li><a href="index#about">ABOUT US</a></li>
          <li><a href="coming-soon" target="_blank">BLOG</a></li>
          <li class="active"><a href="login">LOGIN</a></li>
        </ul>
      </div>
      <!-- end navbar-collapse -->
    </div>
    <!-- end container -->
  </div>
  <!-- end #header -->
  <!-- begin #page-container -->
  <div id="page-container">
    <!-- begin login -->
    <div class="request-demo-container">
      <div class="request-header">
        <div>Request for Demo</div>
      </div>
      <div class="request-demo">
        <!-- begin brand -->
        <!-- end brand -->
        <div class="demo-content">
          <div class="row">
            <div class="col-md-5 col-sm-5 col-xs-12 demo-info-container">
              <p class="demo-info-title">What you'll get with a live demo</p>
              <ul class="demo-info-ul">
                <li><img src="assets/img/tick.png" alt=""></li>
                <li class="demo-info-li">product walkthrough with a mobile marketing expert</li>
              </ul>
              <ul class="demo-info-ul">
                <li><img src="assets/img/tick.png" alt=""></li>
                <li class="demo-info-li">How to segment, track and engage users in real-time</li>
              </ul>
              <ul class="demo-info-ul">
                <li><img src="assets/img/tick.png" alt=""></li>
                <li class="demo-info-li">Ways to fast track your retention strategy with minimum effort</li>
              </ul>
            </div>
            <div class="col-md-7 col-sm-7 col-xs-12 demo-info-container">
              <div id="formblock">
                <div class="form-group m-b-15">
                  <!-- <label>Full Name</label> -->
                  <input type="text" class="form-control input-lg" placeholder="Full Name" id="name" />
                </div>
                <div class="form-group m-b-15">
                  <!-- <label>Email Address</label> -->
                  <input type="text" class="form-control input-lg" placeholder="Email Address" id="email" />
                </div>
                <div class="form-group m-b-15 col-md-6 col-xs-12 col-fix">
                  <!-- <label>Phone</label> -->
                  <input type="text" class="form-control input-lg" placeholder="Phone" id="phone" />
                </div>
                <div class="form-group m-b-15 col-md-6 col-xs-12 col-fix-right">
                  <!-- <label>Company</label> -->
                  <input type="text" class="form-control input-lg" placeholder="Company" id="company" />
                </div>
                <div class="form-group m-b-15">
                  <label>Got an app?</label>
                  <select class="form-control" id="app_status">
                    <option value="">Select option</option>
                    <option value="yes">Yes</option>
                    <option value="no">No</option>
                    <option value="in-production">In production</option>
                  </select>
                </div>
                <div class="form-group m-b-15">
                  <label>App downloads</label>
                  <select class="form-control" id="app_download">
                    <option value="">Select option</option>
                    <option value="None">None</option>
                    <option value="Less than 100,000">Less than 100,000</option>
                    <option value="100,000 - 1 Million">100,000 - 1 Million</option>
                    <option value="More than 1 Million">More than 1 Million</option>
                  </select>
                </div>
                <div class="login-buttons pull-right">
                  <button type="submit" class="btn btn-success btn-block btn-lg" id="request_demo">Request Demo</button>
                </div>
                <div>
                  <p>&nbsp;</p>
                </div>
                <div class="error" id="error"></div>
                <div class="prcessing"></div>
                <div>
                </div>
              </div>
              <div id="success_response">
                <h2 class="success" id="success"></h2>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- end page container -->
    <!-- ================== BEGIN BASE JS ================== -->
    <script src="assets/plugins/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
    <script src="assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="assets/crossbrowserjs/html5shiv.js"></script>
    <script src="assets/crossbrowserjs/respond.min.js"></script>
    <script src="assets/crossbrowserjs/excanvas.min.js"></script>
  <![endif]-->
    <script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="assets/plugins/jquery-cookie/jquery.cookie.js"></script>
    <!-- ================== END BASE JS ================== -->
    <!-- ================== BEGIN PAGE LEVEL JS ================== -->
    <script src="assets/js/login-v2.demo.min.js"></script>
    <script src="assets/js/apps.home.js"></script>
    <!-- ================== END PAGE LEVEL JS ================== -->
    <script>
    function isValidEmailAddress(emailAddress) {
      var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
      return pattern.test(emailAddress);
    };

		$(document).ready(function() {
			App.init();
			LoginV2.init();

			$("#request_demo").click(function(){
                if($("#name").val() == ""){
                    $("#error").html("Please enter your name");
                    return false;
                }
                if($("#name").val().length < 3){
                    $("#error").html("Please enter atleast 3 character into name");
                    return false;
                }
                if($("#email").val() == ""){
                    $("#error").html("Please enter your email");
                    return false;
                }
                if($("#email").val()){
                    if( !isValidEmailAddress($("#email").val()) ) {
                        $("#error").html("Please enter valid email address");
                        return false;
                    }
                }
                if($("#phone").val() == ""){
                    $("#error").html("Please enter your phone");
                    return false;
                }
                if($("#phone").val()){
                	var phoneno = /^\d{10}$/;
                    if(!($("#phone").val().match(phoneno))){
			      		$("#error").html("Please enter atleast 10 digit into phone number");
                    	return false;
			        }
                }
                if($("#company").val() == ""){
                    $("#error").html("Please enter your company");
                    return false;
                }

                if($("#app_status").val() == ""){
                    $("#error").html("Please select got an app option");
                    return false;
                }

                if($("#app_download").val() == ""){
                    $("#error").html("Please select got an app download option");
                    return false;
                }

                var data = {
                    name:$("#name").val(),
                    email:$("#email").val(),
                    phone:$("#phone").val(),
                    company:$("#company").val(),
                    app_status:$("#app_status").val(),
                    app_download:$("#app_download").val()
                };

                $("#error").html("");
                $(".prcessing").html("Processing..........");
								$( "#success_response" ).hide();

                $.ajax({
                    type: "POST",
                    url: "sendDemoRequest",
                    data: data,
                    success: function(response){
                        $(".prcessing").html("")
                        $("#name").val("");
                        $("#email").val("");
                        $("#phone").val("");
                        $("#company").val("");
                        $("#app_status").val("");
                        $("#app_download").val("");
                        if(response.error == 0){
                            $( "#formblock" ).fadeOut( 300 );
                            $( "#success_response" ).fadeIn( 500 );
														$("#success").html("We have received your request. We will get in touch with you shortly. Thank you!");

                        }
                        else{
													  $( "#formblock" ).fadeOut( 300 );
													  $( "#success_response" ).fadeIn( 500 );
                             $("#success").html(response.msg);
                        }
                    }
                });
            });
		});
	</script>
</body>
</html>
