<!DOCTYPE html>
<html dir="{{ direction }}">
	<head>
		<meta charset="UTF-8" />
		<title>Administration</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
		<link rel="shortcut icon" href="view/image/reds_lock.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
        <script type="text/javascript" src="view/javascript/jquery/jquery-3.7.0.min.js"></script>
        <script type="text/javascript" src="view/javascript/bootstrap/js/bootstrap.min.js"></script>
        <link href="view/stylesheet/bootstrap.css" type="text/css" rel="stylesheet" />
		<link href="view/javascript/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
		<link type="text/css" href="view/stylesheet/stylesheet.css" rel="stylesheet" media="screen" />
		<link type="text/css" href="view/stylesheet/login.css" rel="stylesheet" media="screen" />
		<style>
          .login_pg{overflow-x:hidden;background:#1872A2;background-image:url(view/image/bg-pattern.png),radial-gradient(ellipse at top,rgb(43, 144, 198) 2%,rgb(31, 158, 227) 35%,rgb(0, 62, 95) 75%)}
        </style>
        </head>
        	<body class="login_pg">
                <div class="login-panel">
                 <div class="logo">
                  <img src="view/image/logo.png" width="180" alt="{{ heading_title }}" title="{{ heading_title }}" />
                </div>
                  {% if success %}
                  <br/>
                    <div class="alert alert-success alert-dismissible">
                      <i class="fa fa-check-circle"></i> {{ success }}
                      <button type="button" class="close" data-dismiss="alert">&times;</button>
                    </div>
                  {% endif %}
                  
                  {% if error_warning %}
                  <br/>
                    <div class="alert alert-danger alert-dismissible">
                      <i class="fa fa-exclamation-circle"></i> {{ error_warning }}
                      <button type="button" class="close" data-dismiss="alert">&times;</button>
                    </div>
                  {% endif %}
                
                  <form action="{{ action }}" method="post" enctype="multipart/form-data">
                    <div class="form-group">
                      <label for="input-username">{{ entry_username }}: <span style="color:red;">*</span></label>
                      <input type="text" name="username" value="{{ username }}" placeholder="{{ entry_username }}" id="input-username" class="form-control" required/>
                    </div>
                
                    <div class="form-group">
                      <label for="input-password">{{ entry_password }}: <span style="color:red;">*</span></label>
                      <input type="password" name="password" value="{{ password }}" placeholder="{{ entry_password }}" id="input-password" class="form-control" required/>
                      {% if forgotten %}
                      <span class="help-block"><a href="{{ forgotten }}">{{ text_forgotten }}</a></span>
                      {% endif %}
                    </div>
                
                    <button type="submit" class="btn btn-primary"><i class="fa fa-key"></i> {{ button_login }}</button>
                
                    {% if redirect %}
                    <input type="hidden" name="redirect" value="{{ redirect }}" />
                    {% endif %}
                  </form>
                  <div class="footer-text">
                    <div class="left">
                        © {{ store_name }} 2025. All rights reserved.
                    </div>
                    <div class="right">
                    Developed by <a href="https://againsoft.com" target="_blank">Againsoft</a>.
                    </div>
                  </div>
        </div>
        
	</body>
</html>