
 <link href="<?php echo base_url(); ?>assets/select/chosen.min.css" rel="stylesheet" media="screen">
	
		   
		   		   <script src="<?php echo base_url(); ?>assets/select/chosen.jquery.min.js"></script>
<script type="text/JavaScript">

  $(function() {
<!--             $(".datepicker").datepicker(); -->
<!--             $(".uniform_on").uniform() -->;
            $(".chzn-select").chosen();
   <!--          $('.textarea').wysihtml5(); -->

        });
	</script>	
		
		
		
		
		
		
		
		
		


<style>

@CHARSET "UTF-8";
/*
over-ride "Weak" message, show font in dark grey
*/

.progress-bar {
    color: #333;
} 

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/

* {
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}

    .form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

body {
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
	
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}
	
	.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}
#myBtn {
font-size: 2em;
	margin:0.1em;
	padding:12px;
}
#star {
font-size: 1.5em;
	margin:0.1em;
	margin:0.1em;
	padding:12px;

}
#delete {
font-size: 1.2em;
	margin:0.1em;
	padding:12px;
}
.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

table {
    border: 0px solid #CCC;
    border-collapse: collapse;
}

td {
    border: none;
}
</style>

<body id="app" class="app off-canvas body-full">
<div class="container-fluid">
    <div class="row">
      
        <div class="col-md-4">
            <div class="panel panel-default" >
                <div class="panel-body">
              
                    <div class="table-responsive" >
                        <?php
                      				echo $this->session->flashdata('msg'); 

                        ?>
                        <form method="post" autocomplete="off" action="<?php echo site_url('login/logincashier');?>">
                            <div class="row">
                                <div class="col-md-12">
                                   <input type="password" value="<?php echo set_value('password')?>" name="password" id="password" required style="height: 50px;" class="form-control" placeholder="Enter Password">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-bordered" style="width: 100%;height: 100%;overflow-x: hidden;background-color: #F5F5F5;">
                                        <tr>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="1" id="myBtn"  onclick="buttonFunction(1)">1</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="2" id="myBtn"  onclick="buttonFunction(2)">2</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="3" id="myBtn"  onclick="buttonFunction(3)">3</button></td>
                                                </div>
                                            </div>
                                        </tr>
                                        <tr>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="4" id="myBtn"  onclick="buttonFunction(4)">4</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="5" id="myBtn"  onclick="buttonFunction(5)">5</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="6" id="myBtn"  onclick="buttonFunction(6)">6</button></td>
                                                </div>
                                            </div>
                                        </tr>
                                        <tr>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="7" id="myBtn"  onclick="buttonFunction(7)">7</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="8" id="myBtn"  onclick="buttonFunction(8)">8</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="9" id="myBtn"  onclick="buttonFunction(9)">9</button></td>
                                                </div>
                                            </div>
                                        </tr>
                                        <tr>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="0" id="myBtn"  onclick="buttonFunction(0)">0</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="." id="myBtn"  onclick="buttonFunction('.')">.</button></td>
                                                </div>
                                                <div class="col-md-4">
                                                    <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="*" id="myBtn"  onclick="buttonFunction('*')">*</button></td>
                                                </div>
                                            </div>
                                        </tr>
                                        <tr>
                                            <div class="row">
                                                <div class="col-md-4">
											 <td><button type="reset" style="width: 100%;height: 50px;" class="btn btn-danger btn-lg">Clear</button></td>

                                                </div>
                                                <div class="col-md-4" >

											 												  <td><button type="button" style="width: 100%;height: 50px;" class="btn btn-info btn-lg" value="#" id="myBtn"  onclick="buttonFunction('.')">#</button></td>

												
                                                </div>
                                                <div class="col-md-4">
													
	
                                                    <td><button name="btn_login" value="cashier" type="submit" style="width: 100%;height: 50px;" class="btn btn-success btn-lg">LOGIN</button></td>

			
	
			
													
                                                </div>
												
											</tr>
									<tr>
										<td colspan="3" >		
												
						<div class="col-md-12">

		 <?php 
				
		$confirmuser = $this->usermodel->populatealldataarrayboolean('modules', 'id','displaycounter','status',1);

		 ?>
		  
		  
          <div class="form-group" >
		  	  
	<?php 
				
	
		if($confirmuser==true){
			?>
			
			
		
	<select class="form-control" name="branch" required style="width:100%">

	<option value=""  selected="selected" >---SELECT COUNTER---</option>

	
	<?php 
					 

					// $branch= $this->usermodel->populatealldata('branch','id','ASC');
			$branch  = $this->usermodel->populatealldatanoarray('branch','id > ', 0,'status',"active" );



if(is_array($branch)) {

   foreach($branch as $branchrow){

   //echo $courserow->coursename;
    ?>
					<option  value="<?=  $branchrow->id;   ?>"><?=  $branchrow->name; ?></option>



	<?php

}} else {
    echo 'No branch available.';
}
	
?>
</select>
		
			
	
		<?php
		}else if($confirmuser==false){
			?>
<select class="form-control" style="display:none" name="branch" required>
	
	<option value=""  >---SELECT COUNTER---</option>

	
	<?php 
					 

					 $branch= $this->usermodel->populatealldata('branch','id','DESC');



if(is_array($branch)) {

   foreach($branch as $branchrow){

   //echo $courserow->coursename;
    ?>
					<option selected="selected" value="<?=  $branchrow->id;   ?>"><?=  $branchrow->name; ?></option>



	<?php

}} else {
    echo 'No branch available.';
}
	
?>
</select>
		
	<?php
		}
?>				





	

</div>			
</div>
</tr>
												
                                            </div>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
		  <div class="col-md-8">

		<div class="panel-body" style="margin:0;padding:0px">
                <div class="row" style="text-align: center; color: #0b74c7;">
                    <div class="col-md-12">
                   
				 <img src="<?php echo base_url(); ?>images/pos.jpg" width="100%"  style="border-radius:15px; max-height:600px; margin:2px;  border-color:#000066;box-shadow:0 2px 4px rgba(30,30,30,0.5)inset; ">
                   
    <!-- ROBISEARCH LTD-->
				   </div>
                </div>
                </div>

        </div>
    </div>

</div> <!-- #end main-container -->

<!-- Dev only -->
<!-- Vendors -->
<script>
    function buttonFunction(b) {
        var field = document.getElementById('password');
        field.value += b;
    }
</script>
</body>
