<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $layout_title; ?></title>
 <link href="<?php echo base_url()?>css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="<?php echo base_url()?>js/modernizr.custom.63321.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,300,600,700' rel='stylesheet' type='text/css'>
		<!--//webfonts-->
  
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

		<!--[if lte IE 7]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->
        
<script type="text/javascript">
$(document).ready(function() {
//	$('select').select2();
// Create two variable with the names of the months and days in an array
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; 
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year   
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

setInterval( function() {
	// Create a newDate() object and extract the seconds of the current time on the visitor's
	var seconds = new Date().getSeconds();
	// Add a leading zero to seconds value
	$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
	},1000);
	
setInterval( function() {
	// Create a newDate() object and extract the minutes of the current time on the visitor's
	var minutes = new Date().getMinutes();
	// Add a leading zero to the minutes value
	$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
    },1000);
	
setInterval( function() {
	// Create a newDate() object and extract the hours of the current time on the visitor's
	var hours = new Date().getHours();
	// Add a leading zero to the hours value
	$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
    }, 1000);	
});
</script>

</head>
<body >

 <div id='main'>
    <loginform> <!-----start-main---->
	  <div class="login-form">
						<h1>Sign In</h1>
						<h2><a href="#"></a></h2>
		 <?php 
  									
									$hidden = array('order_time' => date('Y-m-d H-i-s'),
											'prevurls'=>$prevurls,
												);
									echo form_open('login/verifylogin','',$hidden); ?>
                              
					<li>
						<input type="text" class="text" name="userid" value="User Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'User Name';}" ><a href="#" class=" icon user"></a>
					</li>
					<li>
						<input type="password"  name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"><a href="#" class=" icon lock"></a>
					</li>
					 <?php
											$preselcomp = NULL;
											$optioncomp[NULL] = 'Please Select Company';
											foreach($companyList as $row){
												$optioncomp[$row->ID] = $row->companyName . " [ " . $row->companyNo . " ]";
											}
											$js = 'class="validate[required]"';
											echo form_dropdown('compID', $optioncomp, $preselcomp, $js);
											?>    </td>
					 <div class ="forgot">
						<h3><a href="#">Forgot Password?</a></h3>
                        
						<input type="submit" onclick="myFunction()" value="Sign In" > <a href="#" class=" icon arrow"></a>                                                                                                                                                                                                                                
					</div>
		</form>
        
                 
               
		</div>
           <div class="flex-container">
<div class="flex-msc"><img src="<?php echo base_url()?>images/msc-status.png" class="gmbarmsc"></div>
<div class="flex-copyrgt"><div class="footerwording"> © my SALIHIN. All rights reserved <br/> 
        www.salihinpremiersolutions.com</div></div>
</div>
        
			<!--//End-login-form--> </loginform>
            
           
            
    <leftmargin>
    
    <div id="leftmarginrow" class="block">
		<div class="content">
			
<div class="boite v2"><ul>
            <li><img src="<?php echo base_url()?>images/logo.png" alt=""/></li>
            <li><div class="clock">
<div id="Date"></div>
  <ul>
      <li id="hours"></li>
      <li id="point">:</li>
      <li id="min"></li>
      <li id="point">:</li>
      <li id="sec"></li>
  </ul>
 
		</div></li></ul>
  </div>
  </div>
  
  
 </div>
 </leftmargin> 
 </div>
 
 
    
</body>
</html>
