
{% extends "layouts/base.html" %}

{% block title %} Login {% endblock title %}

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

          <br><br><br>
          <div class="page-inner"> 
            <div class="row">
                <div class="col-md-12"> 
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title titleLogin">
                                {% if msg %}
                                    <span class="text-danger">{{ msg | safe }}</span>
                                {% else %}
                                <h1>
                                   <b> SINERGI DJPK </b>
                                </h1>
                                {% endif %}
                            </div>
                        </div>
                        <form method="post" action="">
                            {% csrf_token %}
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6 ">
                                        <div class="form-group">
                                            <p> Username </p>
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="icon-user"></i>
                                                    </span>
                                                </div>
                                                {{ form.username }}
                                            </div>
                                        </div>


                                       <div class="form-group">
                                            <p> Password</p>
                                            <div class="input-group mb-3">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text">
                                                        <i class="icon-lock"></i>
                                                    </span>
                                                </div>
                                                {{ form.password }}
                                            </div>
                                        </div>
                                        <div class="card-action">
                                            <p>Lupa Password</a></p> 
                                            {% comment %} <p> <a href="{% url 'register' %}" >Lupa Password</a></p>  {% endcomment %}
                                            <button type="submit" class="btn btn-secondary btn-round btnFull btn-block">Masuk</button>
                                        </div>
                                    </div>

                                    <div class="col-md-6  ">
                                        {% load static %}
                                        <img src="{% static 'assets/img/login.jpg' %}" width="90%"/>

                                    </div>
                                </div>
                            </div>
                        
                            
                            

                        </form>

                    </div>
                </div>
            </div>
          </div>

{% endblock content %}

<!-- Specific JS goes HERE -->
{% block javascripts %}{% endblock javascripts %}
          