{% extends 'uhepp_vault/base.html' %}
{% load crispy_forms_tags %}

{% block content %}

<nav aria-label="breadcrumb" class="d-none d-sm-block">
  <ol class="breadcrumb my-2">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item active"><a href="/login">Login</a></li>
  </ol>
</nav>

<h1>Login</h1>

<div class="row">
    <div class="col-md-6 d-flex"><div class="card p-4 bg-light border-primary">
        <h2 class="mt-2">
        CERN Single Sign-On
        <small class="text-muted">preferred</small>
        </h2>
        <p>Use your CERN account to sign in or create a new account.</p>
        <p><a tabindex="0" class="btn btn-primary" href="{% url 'oidc_authentication_init' %}{% if request.GET.next %}?next={{ request.GET.next }}{% endif %}">Sign in with CERN SSO</a></p>
        <small class="text-multed">Please note, using the SSO creates an
        account on uhepp.org, see our <a href="{% url 'uhepp_vault:privacy-policy' %}">Privacy Policy</a> for details.
        </small>
    </div></div>
    <div class="col-md-6 px-4">
        <h2 class="mt-2">Uhepp hub account</h2>
        <p>You can only use this option if you have received a special
        account.</p>
        <form method="post">{% csrf_token %}
        {{ form|crispy }}
        <button type="submit" class="btn btn-outline-primary">Sign in</button>

        
    </div>
</div>
{% endblock %}