{% extends 'base.html' %}

{% block title %} Deployment details: {{ deployment.name }} {% endblock %}

{% block content %}
    <div class="container-fluid">
        <div class="row justify-content-md-center">
            <div class="col-lg-4 col-md-4 col-sm-6">
                {% if user.is_authenticated %}
                    <div class="form-floating mb-3">
                        <input type="text" readonly class="form-control-plaintext" id="id" value="{{ deployment.id }}">
                        <label for="id">UUID</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" readonly class="form-control-plaintext" id="type" value="{{ deployment.type }}">
                        <label for="type">Type</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" readonly class="form-control-plaintext" id="status" value="{{ deployment.status }}">
                        <label for="status">Status</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" readonly class="form-control-plaintext" id="created_at" value="{{ deployment.created_at }}">
                        <label for="created-at">Created at</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" readonly class="form-control-plaintext" id="updated_at" value="{{ deployment.updated_at }}">
                        <label for="updated-at">{{ deployment.updated_at }}</label>
                    </div>
                    <form action="" method="post">
                        {% csrf_token %}
                        <button type="button" onclick="goBack()" class="btn btn-secondary">Back</button>
                        {% if deployment.status != "RUNNING" %}
                            <button type="submit" class="btn btn-danger">Delete</button>
                        {% endif %}
                    </form>
                {% else %}
                    <h4 style="text-align: center;">Please log in !</h4>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}

{% block script %}
<script>
    function goBack() {
        window.history.back();
    }
</script>
{% endblock %}