{% extends "base.html" %}
{% load bootstrap4 %}
{% load widget_tweaks %}

{% block title %}Client - Project{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "client_navbar.html" %}
        <br><br>
        <div class="row">
            <div class="col-md-10">
                <h2>Project {% if project_exists%}<it>{{project.name}}</it>{%endif%} - {{active_company.company_name}}</h2>
            </div>
            <div class="col-md-2 align-items-end">
            </div>
        </div>
        <br>
        {% if projects and not project_exists %}
            <div class="row p-2">
                <div class="col-md-3"><i>name</i></div>
                <div class="col-md-5"><i>description</i></div>
                <div class="col-md-2"><i>language</i></div>
                <div class="col-md-2"><i>action</i></div>
            </div>
            {% for project in projects %}
            <div class="row p-2 border">
                <div class="col-md-3">{{ project.name }}</div>
                <div class="col-md-5">{{ project.description }}</div>
                <div class="col-md-2">{% if project.language == "1" %}english{%else%}deutsch{%endif%}</div>
                <div class="col-md-2"><a class="btn btn-sm btn-outline-primary" href="{% url 'web:client_project_select' %}{{ cid }}/{{project.pk}}/">Select</a></div>
            </div>
            {% endfor %}
        {% else %}
            {%if project_exists%}
            <div class="row p-2">
                <div class="col-md-10">{{ project.description }}</div>
                <div class="col-md-2">
                    <a href="{% url 'web:client_project_delete' %}{{ cid }}/" class="btn btn-outline-danger" onclick="return deleteAllClicked(this);">Delete Project<br>{{ project.name }}</a>
                </div>
                <div class="col-md-8"></div>
            </div>
            {%else%}
            Currently no project for this company.
            {% endif %}
        {% endif %}
    </div>
</section>

<script>
function deleteAllClicked(obj) {
    if (confirm("Warning!\r\nThis action deletes this project and all connected elements, that is, everything entered connected to his project and company.")) {
        return true;
    }
    return false;
}
</script>
{% endblock content %}