<style>
    .logo img {
        max-width: 52%;
    margin-top: 14px;
    }
    .mini-widget.grey .mini-widget-heading{
        width: 89%;
        float: right;
    }
    .pull-left{
        padding: 0 0em 0 0em;
        width: 54%;
        text-align: center;
    }
    .pull-right{
        width:46%;
    }
    ul#header-actions li.list-box.user-admin{
        width:95%;
        text-align:left;
    }
    ul#header-actions li.list-box.user-admin img{
        width: 37% !important;
        margin: 0 0 0 15px !important;
    }
    ul#header-actions li.list-box.user-a	dmin a.dropdown-toggle{
        padding: 8px 20px;	
        margin-top: 9px;
        text-align: center;
    }
    .blue-bg {
        padding: 3px 5px;
    }
    @media only screen and (max-width: 1199px) {
        .logo{
            width:25%;
        }
        .logo img {
            max-width: 90%;
        }
        ul#header-actions{
            margin:0;
        }
    }
    @media only screen and (max-width: 1050px) {
        #grad1 {
            height: 232px;
            text-align: center;
        }
        ul#header-actions{
            float:none;
        }
        .logo{
            float:none;
        }
        .navbar-default .navbar-nav > li > a {
            padding: 4px 10px;
        }
        .mini-widget.grey .mini-widget-heading {
            width: 100%;
        }
    }
    @media only screen and (max-width: 600px) {
        .logo {
            width: 100%;
        }
        .pull-left{
            width:100%;    
        }
        .pull-right{
            width:100%;
        }
        #grad1 {
            height: 100%;
        }
        .navbar-nav {
            margin: 7.5px;
        }
    }

    .myAlert-top{
    	margin-top: 2px;
        width: 100%;
    z-index:999999999;
    padding: 3px 10px;
}
.myAlert-head
{
	 position: fixed;
    top: 5px; 
       left: 13%;
    width: 74%;
       z-index:999999999;
}
.alert{
    display: none;
}
div.fullscreen {
  position: absolute;
  width:100%; 
  height:960px; 
  top: 0; 
  left: 0; 
  background-color: lightblue;
}
.blink span{

	animation: blink 1s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.blink span:hover
{
	border: none;
	color: white !important;
}

</style>
	</head>
	
	
	<!-- GTranslate: https://gtranslate.io/ -->
<a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="English" /></a><a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="French" /></a><a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="German" /></a><a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="Italian" /></a><a href="#" onclick="doGTranslate('en|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('en|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="Russian" /></a><a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="https://gtranslate.net/flags/blank.png" height="16" width="16" alt="Spanish" /></a>

<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(https://gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(https://gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

<br /><select onchange="doGTranslate(this);"><option value="">Select Language</option><option value="en|af">Afrikaans</option><option value="en|sq">Albanian</option><option value="en|ar">Arabic</option><option value="en|hy">Armenian</option><option value="en|az">Azerbaijani</option><option value="en|eu">Basque</option><option value="en|be">Belarusian</option><option value="en|bg">Bulgarian</option><option value="en|ca">Catalan</option><option value="en|zh-CN">Chinese (Simplified)</option><option value="en|zh-TW">Chinese (Traditional)</option><option value="en|hr">Croatian</option><option value="en|cs">Czech</option><option value="en|da">Danish</option><option value="en|nl">Dutch</option><option value="en|en">English</option><option value="en|et">Estonian</option><option value="en|tl">Filipino</option><option value="en|fi">Finnish</option><option value="en|fr">French</option><option value="en|gl">Galician</option><option value="en|ka">Georgian</option><option value="en|de">German</option><option value="en|el">Greek</option><option value="en|ht">Haitian Creole</option><option value="en|iw">Hebrew</option><option value="en|hi">Hindi</option><option value="en|hu">Hungarian</option><option value="en|is">Icelandic</option><option value="en|id">Indonesian</option><option value="en|ga">Irish</option><option value="en|it">Italian</option><option value="en|ja">Japanese</option><option value="en|ko">Korean</option><option value="en|lv">Latvian</option><option value="en|lt">Lithuanian</option><option value="en|mk">Macedonian</option><option value="en|ms">Malay</option><option value="en|mt">Maltese</option><option value="en|no">Norwegian</option><option value="en|fa">Persian</option><option value="en|pl">Polish</option><option value="en|pt">Portuguese</option><option value="en|ro">Romanian</option><option value="en|ru">Russian</option><option value="en|sr">Serbian</option><option value="en|sk">Slovak</option><option value="en|sl">Turkiyen</option><option value="en|es">Spanish</option><option value="en|sw">Swahili</option><option value="en|sv">Swedish</option><option value="en|th">Thai</option><option value="en|tr">Turkish</option><option value="en|uk">Ukrainian</option><option value="en|ur">Urdu</option><option value="en|vi">Vietnamese</option><option value="en|cy">Welsh</option><option value="en|yi">Yiddish</option><option value="en|bn">Bengali</option><option value="en|bs">Bosnian</option><option value="en|km">Khmer</option><option value="en|la">Latin</option><option value="en|zu">Zulu</option></select>

<div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>


	
	
	<body class="container" style="background:#eee;">
		<div class="myAlert-head alert alert-info text-info" style="color: #166da6">
 		  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  
  <p style="color: white"></p>
</div>
		<!-- Header starts -->
		<header id="grad1" class="container-fluid">
			<!-- Logo starts -->
			
			<a href="#" class="logo">	
				<img src="  <?php   echo website_settingdata("x_weburl");  ?>images/<?php echo website_settingdata("x_logo");?>" /></br>
			</a>
				
			  
			
			<!-- Logo ends -->
			<!-- Header actions starts -->
			
			<div>
			<ul id="header-actions" class="clearfix  col-md-8">
											<div class="mini-widget grey grad">
								<div class="mini-widget-heading clearfix">
									<div class="pull-left" style="padding: 0 0em 0 0em;color: #fff;"><i class="fa fa-bank"></i> &nbsp; Personal online banking
									
										<h3 style="font-size:14px;text-decoration:underline;color:#333;"><?php echo user_details($user_id,'x_fname'); ?> <?php echo user_details($user_id,'x_lname');  ?></hr>
										
										( <?php echo user_details($account_id,'x_actype');  ?> )</h3>
										
										
									</div>
									
									<div class="pull-right">
										
										<li class="list-box user-admin dropdown">
										<img src="img/secure.png" style="width: 34%;margin: -8px 1em;}">
											<a  href="<?php  echo website_settingdata('x_weburl'); ?>user/logout.php" class="dropdown-toggle"> Logout
											</a>
											<!--<ul class="dropdown-menu sm">
												<li class="dropdown-content">
													<a href="<?php  echo website_settingdata('x_weburl'); ?>user/user-profile.php">My Profile</a>
													
												
													<a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-summary.php">My Balance</a>
													
													<a href="<?php  echo website_settingdata('x_weburl'); ?>user/start.php">Start Page</a>
												
												
												
													<a href="<?php  echo website_settingdata('x_weburl'); ?>user/logout.php">Logout</a>
												
												</li>
											</ul>-->
										</li>
									
									<!--<p>04:59pm UTC</p>-->
										
									</div>
									<div class="col-sm-12">
										<div class="col-sm-6">
										<form method="post" action="" id="accountchangeform">               
								
									    <input type="hidden" name="q" class="form-control" value="change_account" required >
											<select style="color:#000;padding:2px 6px;width:200px;"  name="account" id= "account" required>
											<option value="">Log in to another account</option>
									
									<?php 

									$select_query = "select * from x_anotheracc where x_userid = '$user_id' and x_status ='Y'";
									$select_result = mysqli_query($con,$select_query);
									$num = mysqli_num_rows($select_result);
									

									
									if($num > 0)
									{
										
										while($row = mysqli_fetch_array($select_result))
										{	
											  $account_no = $row['x_time'];
											  $account_type = $row['x_actype'];
											  $account_id1 = $row['x_id']; 
							
											
											 
	
								?>	
										<option value = "<?php echo $account_id1;?>" ><?php echo  $account_no;?>(<?php echo $account_type; ?>)</option>
										
									<?php }}?>
									</select>
						
									<input type="submit" class="btn btn-info" value="GO" class="buttonacvali form-control">
									
											
											
											
									</form>
								</div>
									
									<p class="text-right">
										<span class="text-primary">Last Login </span> :<span style="text-decoration: underline"><?php echo date('Y/m/d H:i:s');?></span> </p>
									
				</div>
								</div>
								
							</div>
				
			</ul>
			<!-- <div class="col-md-8">
				<div class="col-md-6">
				<form method="post" action="" id="accountchangeform">               
								
									    <input type="hidden" name="q" class="form-control" value="change_account" required >
											<select style="color:#000;padding:2px 6px;"  name="account" id= "account" required>
											<option value="">Log in to another account</option>
									
									<?php 

									$select_query = "select * from x_anotheracc where x_userid = '$user_id' and x_status ='Y'";
									$select_result = mysqli_query($con,$select_query);
									$num = mysqli_num_rows($select_result);
									

									
									if($num > 0)
									{
										
										while($row = mysqli_fetch_array($select_result))
										{	
											  $account_no = $row['x_time'];
											  $account_type = $row['x_actype'];
											  $account_id1 = $row['x_id']; 
							
											
											 
	
								?>	
										<option value = "<?php echo $account_id1;?>" ><?php echo  $account_no;?>(<?php echo $account_type; ?>)</option>
										
									<?php }}?>
									</select>
						
									<input type="submit" class="btn btn-info" value="GO" class="buttonacvali form-control">
									
											
											
											
									</form>
								</div>
								<div class="col-md-6">

								</div>
			</div> -->
			<!-- Header actions ends -->

			<div class="custom-search hidden-sm hidden-xs">
				
			</div>
			</div>
		</header>
		<!-- Header ends -->

		<!-- Container fluid starts -->
		<div class="container-fluid" style="padding:0px;">

			<!-- Navbar starts -->
			<nav class="navbar" style="margin-bottom:0px;background-color: white">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-navbar" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				
					<ul class="nav navbar-nav">
						
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/start.php"><span class="icon-account_balance"></span>Dashboard</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Account Details <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/welcome.php?<?php  echo md5(rand(0000,9999));  ?>">Account Summary</a> </li>
                            <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-detail.php?<?php  echo md5(rand(0000,9999));  ?>">Account Details</a> </li>
                           <!--  <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-statement.php?<?php  echo md5(rand(0000,9999));  ?>">Account Statement</a> </li> -->
                           <!--  <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/fund-transfer.php?<?php  echo md5(rand(0000,9999));  ?>">Funds Transfer</a> </li> -->
                             <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/creditcard.php?<?php  echo md5(rand(0000,9999));  ?>">Credit Cards</a> </li>
                              <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/contactus.php?<?php  echo md5(rand(0000,9999));  ?>">Contact Us</a> </li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Security Settings <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/user-profile.php?<?php  echo md5(rand(0000,9999));  ?>">My Profile</a> </li>
                            <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/accountbene.php?<?php  echo md5(rand(0000,9999));  ?>">Account Beneficiary</a> </li>
                            <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/change-password.php?<?php  echo md5(rand(0000,9999));  ?>">Change Password</a> </li>
                            <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/change-pin.php?<?php  echo md5(rand(0000,9999));  ?>">Change PIN</a> </li>
                             <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/logout.php">Sign Out</a> </li>
							</ul>
						</li>	
						<!--<li>
							<a href="#">Account Performance</a>
						</li>-->
						<!-- <li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-statement.php?<?php  echo md5(rand(0000,9999));  ?>">Statements</a>
						</li> -->
						<li >
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/notification.php">
							<?php if(test_notification($user_id) != 0) {  ?>	
					
					<span class="blink"><span class="btn-danger" style = "background:transparent;padding:2px 1px;color: #166ea7" ><i class="fa fa-envelope " style="margin-right: 0px;vertical-align: unset;"></i> </span></span>	
					
					<?php }
					else
					{ ?>
						<span class="btn-danger" style = "background:transparent;padding:2px 1px;color: #166ea7" ><i class="fa fa-envelope " style="margin-right: 0px;vertical-align: unset;"></i> </span>

					<?php } ?>Alerts</a>
						</li>
						<li>
							<a id="fundtransfer" class="fundtransfer-link" href="#">Transfer Funds</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Bill Pay <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/billpay.php">Bill Pay Center</a> </li>
                            <li> <a href="#">Payment activity</a> </li>
                           <!--  <li> <a href="<?php  echo website_settingdata('x_weburl'); ?>user/fund-transfer.php?<?php  echo md5(rand(0000,9999));  ?>">Funds Transfer</a> </li> -->
                              <li> <a href="#">Manage Pay To/Pay From accounts</a> </li>
							</ul>
						</li>
					</ul>
			
			</nav>
			<nav class="v1">
				<div class="top-bar clearfix" >
				

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div>
					<ul class="nav navbar-nav newnavbar">
						
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/welcome.php?<?php  echo md5(rand(0000,9999));  ?>">Account Summary</a>
						</li>
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-detail.php?<?php  echo md5(rand(0000,9999));  ?>">Account Details</a>
						</li>
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/user-profile.php?<?php  echo md5(rand(0000,9999));  ?>">Edit Account Information</a>
						</li>
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/account-statement.php?<?php  echo md5(rand(0000,9999));  ?>">Statements</a>
						</li>
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/download_forms.php?<?php  echo md5(rand(0000,9999));  ?>">Downloads</a>
						</li>
						
					</ul>
					<!-- <ul class="nav navbar-nav" style="float:right;">
						
						<li>
							<a href="<?php  echo website_settingdata('x_weburl'); ?>user/chat.php" style="color: #000;">
							<i class="fa fa-comments-o"></i> &nbsp; <?php  if(test_chatnotification($user_id)!=0) { ?>
							
							<?php } ?><span class="ineerspan"> Live Chat &nbsp;  <span class="info-label " style="border: 1px solid #000;padding:2px 6px;border-radius: 50%;" class="btn-success"><?php echo test_chatnotification($user_id);  ?></span> </span>    
							</a>
						</li>
						
					</ul> -->
				</div>
				</div>
			</nav>
			

<script src="js/jquery.js"></script>
<script type="text/javascript">

	 $(document).ready(function() {
var x_status="";
	 	<?php $select_query = "select x_status from x_anotheracc where x_userid = '$user_id' limit 0,1";
									$select_result = mysqli_query($con,$select_query);
									$num = mysqli_num_rows($select_result);
									

									
									if($num > 0)
									{
										while($row = mysqli_fetch_array($select_result))
										{?>	
											 x_status='<?php echo $row['x_status']; ?>';
										 <?php }
							
									}

		?>

		function myAlertTop(str){
			$(".myAlert-top p,.myAlert-head p").html(str);
  $(".myAlert-top,.myAlert-head").show();
  setTimeout(function(){
    $(".myAlert-top,.myAlert-head").hide(); 
  }, 5000);
}



		$('.fundtransfer-link').click(function(){
			
			if(x_status=='Dormant')
			{
				myAlertTop('This account is <strong>Dormant</strong> and can\'t perform this operation');
				return false;
			}
			else if(x_status=='Restricted')
			{
				myAlertTop('This account is <strong>Restricted</strong> and can\'t perform this operation');
				return false;
			}
			else{
				location.href='<?php  echo website_settingdata('x_weburl'); ?>user/fund-transfer.php?<?php  echo md5(rand(0000,9999));  ?>'
			}
		});
	 
    $("#accountchangeform").on('submit',(function(e) {
	
e.preventDefault();

$.ajax({
url: "controller.php", // Url to which the request is send
type: "POST",             // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false,       // The content type used when sending data to the server.
cache: false,             // To unable request pages to be cached
processData:false,        // To send DOMDocument or non processed data file it is set to false
success: function(data)   // A function to be called if request succeeds
{
	//alert(data);
	if(data=="empty")
	{
		alert("Please select account..");
	}
	if(data=="done")
	{
		window.location.href='<?php  echo website_settingdata('x_weburl'); ?>user/start.php';
	}
	
	
}
});
}));
});
	
	</script>		
			
			
			<!-- Navbar ends -->
