<!DOCTYPE html>
<html lang="en">
    
<head>

		<!-- Meta Tags -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	   <meta name="author" content="Fairuz co">
		<meta name="robots" content="index, follow">
		<title>Fairuz POS</title>

		<!-- Favicon -->
        <link rel="shortcut icon" type="image/x-icon" href="<?= base_url('assets/img/faviconx.png');?>">

		<!-- Apple Touch Icon -->
		<link rel="apple-touch-icon" sizes="180x180" href="<?= base_url('assets/img/apple-touch-icon.png');?>">
		
		<!-- Bootstrap CSS -->
        <link rel="stylesheet" href="<?= base_url('assets/css/bootstrap.min.css');?>">
		
        <!-- Fontawesome CSS -->
		<link rel="stylesheet" href="<?= base_url('assets/plugins/fontawesome/css/fontawesome.min.css');?>">
		<link rel="stylesheet" href="<?= base_url('assets/plugins/fontawesome/css/all.min.css');?>">

        <!-- Tabler Icon CSS -->
	    <link rel="stylesheet" href="<?= base_url('assets/plugins/tabler-icons/tabler-icons.min.css');?>">

	    <!-- Main CSS -->
        <link rel="stylesheet" href="<?= base_url('assets/css/style.css');?>">
		
    </head>
    <body class="account-page">

        <div id="global-loader" >
			<div class="whirly-loader"> </div>
		</div>

		<!-- Main Wrapper -->
        <div class="main-wrapper">
			<div class="account-content">
				<div class="login-wrapper bg-img">
                    <div class="login-content authent-content">
                        <form  method="post" action="<?= base_url('auth/signin');?>">
                            <div class="login-userset">
                                <div>
                                   <img src="<?= base_url('assets/img/fai_logo2.png');?>" alt="img" style="width:8000px">
                               </div>
                              <br/>
                               <div class="login-userheading">
                                   <h3>Sign In</h3>
                                   <h4 class="fs-16">Access the <b>FairuzPOS</b> panel using your username and Password.</h4>
                               </div>
                                <div class="mb-3">
                                    <label class="form-label">UserName <span class="text-danger"> *</span></label>
                                    <div class="input-group">
                                        <input type="text" name="username" value="" class="form-control border-end-0">
                                        <span class="input-group-text border-start-0">
                                            <i class="ti ti-user"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Password <span class="text-danger"> *</span></label>
                                    <div class="pass-group">
                                        <input type="password" name="password"  class="pass-input form-control">
                                        <span class="ti toggle-password ti-eye-off text-gray-9"></span>
                                    </div>
                                </div>
                               <div class="form-login authentication-check">
                                   <div class="row">
                                       <div class="col-12 d-flex align-items-center justify-content-between">
                                           <div class="custom-control custom-checkbox">
                                               <label class="checkboxs ps-4 mb-0 pb-0 line-height-1 fs-16 text-gray-6">
                                                   
                                               </label>
                                               
                                           </div>
                                           <div class="text-end">
                                               <a class="text-orange fs-16 fw-medium" href="#">Forgot Password?</a>
                                           </div>
                                       </div>                                    
                                   </div>
                               </div>
                               <div class="form-login">
                                   <button type="submit" class="btn btn-primary w-100">Sign In</button>
                               </div>
                               
                               <div class="mt-2">
                                   <div class="d-flex align-items-center justify-content-center flex-wrap">
                                       <?php if (session()->getFlashdata('error')): ?>
    <div class="alert alert-danger" role="alert">
        <?= session()->getFlashdata('error') ?>
    </div>
<?php endif; ?>

<?php if(session()->getFlashdata('success')): ?>
    <p style="color:green;"><?= session()->getFlashdata('success') ?></p>
<?php endif; ?>
                                   </div>
                               </div>
                               <div class="my-4 d-flex justify-content-center align-items-center copyright-text">
                                <p>Copyright &copy; 2025 Fairuz</p>
                            </div>
                     
                              
                           </div>
                        </form>
                    </div>
                </div> 
			</div>
        </div>
		<!-- /Main Wrapper -->
		  
		
		<!-- jQuery -->
        <script src="<?= base_url('assets/js/jquery-3.7.1.min.js');?>" type="85b98f81fb7dd44780eb004d-text/javascript"></script>

         <!-- Feather Icon JS -->
		<script src="<?= base_url('assets/js/feather.min.js');?>" type="85b98f81fb7dd44780eb004d-text/javascript"></script>
		
		<!-- Bootstrap Core JS -->
        <script src="<?= base_url('assets/js/bootstrap.bundle.min.js');?>" type="85b98f81fb7dd44780eb004d-text/javascript"></script>
		
		<!-- Custom JS -->
        <script src="<?= base_url('assets/js/script.js');?>" type="85b98f81fb7dd44780eb004d-text/javascript"></script>

    <script src="<?= base_url('assets/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js');?>" data-cf-settings="85b98f81fb7dd44780eb004d-|49" defer></script>
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"3ca157e612a14eccbb30cf6db6691c29","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>



</html>