{% extends "base.html" %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/login.css' %}">

<div class="container-form">
  <div class="container-title-login">
    <p class="p1">Hello,</p>
    <p class="p2">please enter your login.</p>
  </div>
  <div class="container-checkbox">
    <form method="post" class="registration-form">
      {% csrf_token %}
      {{ form.as_p }}
      <div class="checkbox-form">
        <div>
          <input type="checkbox" class="checkbox-condition"><span>Stay connected ?</span>
        </div>
        <div><a href="{% url 'authentication:subscribe' %}">You don't have an account ?</a></div>
      </div>
      <div class="container-submit">
        <button type="submit" class="btn btn-submit-sub">Connect</button>
      </div>
    </form>
  </div>
</div>


<style>
  .container-form {
    background: url("{% static 'img/bg-login.png' %}") no-repeat center;
    -webkit-background-size: cover;
  }
</style>


{% endblock %}