{% extends "base.html" %}
{% load staticfiles %}

{% block content %}
<div class="text-center">
    {% if not request.user.is_anonymous %}
    {% if not request.user.userprofile.ssh_public_key %}
    <div class="alert alert-danger" role="alert">
        Warning: you need to upload an ssh key under <a href="/accounts/settings">account settings</a> if you wish to
        log into the servers you book
    </div>
    {% endif %}
    {% else %}
    {% endif %}
</div>
{% csrf_token %}

<div class="row">
    <div class="col-12 col-lg-6 mb-4">
        <!-- About us -->
        <h2 class="border-bottom">About Us</h2>
        {% block about_us %}
        <p>Here is some information about us!</p>
        {% endblock about_us %}
        {% block welcome_back %}
            {% if user.is_authenticated %}
            <h2 class="border-bottom">Welcome Back!</h2>
                {% if bookings %}
                    <h5> These are your current bookings: </h5>
                    <ul style="list-style: none;">
                    {% for book in bookings %}
                        <li><a href="/booking/detail/{{ book.id }}/">{{ book.purpose }}</a></li>
                    {% endfor %}
                    </ul>
                {% else %}
                    <h5> You have no current bookings <h5>
                {% endif %}
            {% endif %}
        {% endblock welcome_back %}
    </div>

    <!-- Get started -->
    <div class="col-12 col-lg-6 mb-4">
        <h2 class="border-bottom">Get Started</h2>
        {% if request.user.is_anonymous %}
        <h4 class="text-center">
            To get started, please log in with your <a href="/accounts/login">Linux Foundation Jira account</a>
        </h4>
        {% else %}
        {% block btnGrp %}
        <p>To get started, book a server below:</p>
        <a class="btn btn-primary btn-lg d-flex flex-column justify-content-center align-content-center border text-white p-4" href="/booking/quick/">
            Book a Resource
        </a>
        <p class="mt-4">PTLs can use our advanced options to book multi-node pods. If you are a PTL, you may use the options
            below:
        </p>
        <div class="btn-group-vertical w-100">
            <button class="btn btn-primary" onclick="create_workflow(0)">Book a Pod</button>
            <button class="btn btn-primary" onclick="create_workflow(1)">Design a Pod</button>
        </div>
        {% endblock btnGrp %}
        {% endif %}
    </div>

    <!-- Returning users -->
    {% if not request.user.is_anonymous %}
    {% block returningUsers %}
    <div class="col-12 col-lg-6 offset-lg-6 mb-4 mt-lg-4">
        <h2 class="ht-4 border-bottom">Returning Users</h2>
        <p>If you're a returning user, some of the following options may be of interest:</p>
        <div class="btn-group-vertical w-100">
            <button class="btn btn-primary" onclick="create_workflow(3)">Snapshot a Host</button>
            <a class="btn btn-primary" href="{% url 'account:my-bookings' %}">
                My Bookings
            </a>
            {% if manager == True %}
            <button class="btn btn-primary" onclick="continue_workflow()">
                Resume Workflow
            </button>
            {% endif %}
        </div>
    </div>
    {% endblock returningUsers %}
    {% endif %}
</div>

<div class="hidden_form d-none" id="form_div">
    <form method="post" action="" class="form" id="wf_selection_form">
        {% csrf_token %}
    </form>
</div>

{% endblock content %}