{% extends "base.html" %}

{% block title %} Code 9ja - Learn about{% endblock %}

{% block keywords %}Keywords specific to this page{% endblock %}

{% block description %} Description specific to this page {% endblock %}

{% block author %}Author Name{% endblock %}

{% block content %}

<section>
    <div class="inner-banner">
        <section class="w3l-breadcrumb">
          <div class="container">
            <ul class="breadcrumbs-custom-path">
              <li><a href="{{ url_for('index') }}">Home</a></li>
              <li class="active"><span class="fa fa-chevron-right mx-2" aria-hidden="true"></span> Admin Area</li>
            </ul>
          </div>
        </section>
      </div>
    <div class="row">
        <div class="col-lg-3 col-md-2"></div>
        <div class="col-lg-6 col-md-8 login-box">
            <div class="col-lg-12 login-key">
                <i class="fa fa-key" aria-hidden="true"></i>
            </div>
            <div class="col-lg-12 login-title">
                ADMIN AREA
            </div>


{% with messages = get_flashed_messages(with_categories=true) %}
                {% if messages %}
                  {% for category, message in messages %}
                    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                      {{ message }}
                    </div>
                  {% endfor %}
                {% endif %}
              {% endwith %}


<div class="col-lg-12 login-form">
    <div class="col-lg-12 login-form">
        <form action="/admin-login" method="POST">
            <div class="form-group">
                <label class="form-control-label">EMAIL ADDRESS</label>
                <input type="text" class="form-control" name="email">
            </div>
            <div class="form-group">
                <label class="form-control-label">PASSWORD</label>
                <input type="password" class="form-control" name="password">
            </div>

            <div class="col-lg-12 loginbttm">
                <div class="col-lg-6 login-btm login-text">
                    <!-- Error Message -->
                </div>
                <div class="col-lg-6 login-btm login-button">
                    <button type="submit" class="btn btn-outline-primary">LOGIN</button>
                </div>
            </div>
        </form>
    </div>
</div>
            <div class="col-lg-3 col-md-2"></div>
        </div>
    </div>

</section>

    {% endblock %}