<!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">
    <!-- Favicon icon -->
    <link rel="shortcut icon" type="image/png" href="<?php echo base_url();?>assets/site/images/fav.png"/>
    
    <!-- All CSS -->
    <!-- fontAwesome -->
    <link rel="stylesheet" href="css/all.min.css">
    <!-- 7 stroke icon -->
    <link rel="stylesheet" href="css/pe-icon-7-stroke.css">
    <!-- Roysha icon -->
    <link rel="stylesheet" href="css/roysha-icons.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/bootstrap.min.css">    
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/owl.carousel.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/nice-select.css">
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/style.css">
    <!-- custom css if you need -->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/custom.css">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">    
    <!-- Color Palette. simple uncommned if you need any color palette -->
    <!-- <link rel="stylesheet" href="<?php echo base_url();?>assets/frontend/login_page/css/switcher/css/red.css"> -->
    <title><?php echo $this->config->item('product_name');?></title>
	<script src="<?php echo base_url();?>assets/frontend/login_page/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>assets/frontend/core_js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>assets/frontend/core_js/login.js"></script>
	<script>	
$(document).ready(function(){
	$('#setup_frm').validate({
		ignore: [], 
		highlight: function(element) {
			$(element).closest('.form-group').removeClass('has-success').addClass('has-error'); 
		},
		success: function(element) {
			element.closest('.form-group').removeClass('has-error').addClass('has-success');
			element.remove();
		},
		submitHandler: function(form){
			var ajax_base_url = $('#h_ajax_base_url').val();
			var form = $('#setup_frm');
			var url = ajax_base_url+form.attr('action');
			$.ajax({
				type: "POST",
				url: url,
				data: form.serialize(), // serializes the form's elements.
				beforeSend: function(){
					$('#result_display').html('');
					$('#submit_btn').html('Please Wait <i class="fa fa-spinner fa-spin"></i>');
					$('#submit_btn').css('opacity','0.7');
				},
				success: function(result, status, xhr){//alert(result);
					if(result=='success'){
						var h_base_url = $('#h_base_url').val();
						window.location=h_base_url+'login';
					}else{
						$("html, body").animate({ scrollTop: 0 }, "slow");
						$('#result_display').html('<div class="alert alert-danger">'+result+'</div>');
						$('#submit_btn').html('Submit Now!');
						$('#submit_btn').css('opacity','1');
					}
				},
				error: function(xhr, status, error_desc){				
					$("html, body").animate({ scrollTop: 0 }, "slow");
					$('#result_display').html('<div class="alert alert-danger">'+error_desc+'</div>');
					$('#submit_btn').html('Submit Now!');
					$('#submit_btn').css('opacity','1');
				}
			});		
			return false;
		}
	});
});
</script>
  </head>
  <body class="login-page" >

    <div class="signup-login" >
      <div class="sl-slider-caro owl-carousel" style="background: #00adc1;">
        <div class="single-sl-slide">
          <img src="<?php echo base_url();?>assets/frontend/login_page/images/mac.png" alt="">
          <div class="content-box">
            <h2>All In One Transfer Solutions</h2>
            <p>No matter how coronavirus (COVID-19) is affecting your finances, we’ll be by your side with expert support and guidance.</p>
          </div>
        </div>
        <div class="single-sl-slide">
          <img src="<?php echo base_url();?>assets/frontend/login_page/images/mac2.png" alt="">
          <div class="content-box">
            <h2>All In One Transfer Solutions</h2>
            <p>You should review any planned financial transactions that may have tax or legal implications with your personal tax or legal advisor.
</p>
          </div>
        </div>
        <div class="single-sl-slide">
          <img src="<?php echo base_url();?>assets/frontend/login_page/images/mac.png" alt="">
          <div class="content-box">
            <h2>All In One Transfer Solutions</h2>
            <p>We're here to support you with products, services and resources — for whatever life stage you may be experiencing</p>
          </div>
        </div>
      </div>
      <div class="sl-form-wrap">
        <header>
          <a href="<?php echo base_url();?>" class="logo">
            <img src="<?php echo base_url();?>assets/frontend/login_page/images/slogo_login.png" style="width: 220px; " alt="">
          </a>
          <a href="#" class="mbl-menu-toggler">
            <i class="fas fa-align-left"></i>
          </a>
        </header>
        <div class="content-box">
          <h2><?php echo $title;?></h2>
          <p>No matter how coronavirus (COVID-19) is affecting your finances, we’ll be by your side with expert support and guidance.</p>
        </div>
		<form action="create_account/setup_account_entry" class="sl-form" id="setup_frm" method="post">
			<input type="hidden" id="h_ajax_base_url" name="h_ajax_base_url" value="<?php echo $this->config->item('ajax_base_url');?>" />
			<input type="hidden" id="h_redirect_url" name="h_redirect_url" value="<?php if(isset($_GET['redirect_url']) && $_GET['redirect_url']!=''){echo urldecode($_GET['redirect_url']);}?>" />
			<input type="hidden" id="h_base_url" name="h_base_url" value="<?php echo base_url();?>" />
			<input type="hidden" id="h_user_encrypt_id" name="h_user_encrypt_id" value="<?php echo $user_encrypt_id;?>" />
			<div id="result_display" class="result_display"></div>
			<div id="stepone">
				<div class="form-group">
					<label>User ID *</label>
					<input type="text" class="required" id="login_id" name="login_id" title="! User ID is required." placeholder="Create your User ID" autocomplete="off" />
				</div>
				<div class="form-group">
					<label>Password *</label>
					<input type="password" class="required" id="password" name="password" title="! Password is required." placeholder="Create your Password" autocomplete="off" />
				</div>
			</div>		 
			<button class="btn btn-filled btn-round" style="background: #00adc1;" id="submit_btn" type="submit">Submit Now!</button>
			<p class="notice">Already have a account? <a href="<?php echo base_url().'login';?>">Sign-in</a></p>
		</form>
      </div>
    </div>
    <!-- JS -->    
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/jquery-ui.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/owl.carousel.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/owl.carousel2.thumbs.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/jquery.countdown.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/jquery.fancybox.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/jquery.nice-select.min.js"></script>
    <script src="<?php echo base_url();?>assets/frontend/login_page/js/scripts.js"></script>
  </body>
</html>