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

{% block title %}Project{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "project_navbar.html" %}
        <div class="row">
            <form method="post" class="form"  id="save-all">
                <div class="row">
                    <div class="col-md-3 ">
                        Name
                    </div>
                    <div class="col-md-4">
                        Description
                    </div>
                    <div class="col-md-2">
                        Status
                    </div>
                    <div class="col-md-1">
                        Language
                    </div>
                    <div class="col-md-1">
                        Select
                    </div>
                    <div class="col-md-1">
                        Delete
                    </div>
                </div>
                {% csrf_token %}
                {{ projects_formset_manage.management_form }}
                {% for p_id, project_form in projects_formset %}
                    {% if selected_project and selected_project.id == p_id %}
                    <div class="row bg-light">
                    {% else %}
                    <div class="row">
                    {% endif %}
                        <div class="col-md-3 ">
                            {% render_field project_form.name class="form-control"   cols="1" placeholder="project name" type="text" %}
                            {% if project_form.name.errors %}
                                {% for error in project_form.name.errors %}
                                    {{ error|escape }}
                                {% endfor %}
                            {% endif %}
                        </div>
                        <div class="col-md-4">
                            {% render_field project_form.description class="form-control"   cols="1" placeholder="description" type="text" %}
                            {% if project_form.description.errors %}
                                {% for error in project_form.description.errors %}
                                    {{ error|escape }}
                                {% endfor %}
                            {% endif %}
                        </div>
                        <div class="col-md-2">
                            {{project_form.status}}
                        </div>
                        <div class="col-md-1">
                            {{project_form.language}}
                        </div>
                        <div class="col-md-1">
                            {% if selected_project and selected_project.id == p_id %}
                            <div class="btn btn-sm btn-outline-secondary">Selected</div>
                            {% else %}
                            <a class="btn btn-sm btn-outline-info" href="{% url 'web:project' %}{{ p_id }}/">Select</a>
                            {% endif %}
                        </div>
                        <div class="col-md-1">
                            <a class="btn btn-sm btn-outline-danger" href="{% url 'web:project_delete' %}{{ p_id }}/" onclick="return deleteAllClicked(this);">Delete</a>
                        </div>
                    </div>
                    <br>
                {% endfor %}

                {% if projects_formset.non_form_errors %}
                    {% for error in projects_formset.non_form_errors %}
                        {{ error|escape }}
                    {% endfor %}
                {% endif %}

                {% buttons %}
                <button type="submit" class="btn btn-outline-primary" id="save-all" >Save All</button>
                {% endbuttons %}
            </form>
        </div>
        <div class="row">
            <div class="col-md-8">
            </div>
            <div class="col-md-4">
                Create new Project
                <form action="{% url 'web:project_create_or_update' %}" id="create-new" method="post" class="form" enctype="multipart/form-data">
                    {% csrf_token %}
                    {% bootstrap_form project_form %}
                    {% buttons %}
                    <br>
                    <button type="submit" id="create-new" class="btn btn-outline-primary">Create</button>
                    {% endbuttons %}
                </form>        
            </div>
        </div>
    </div>
</section>
<script>
    function deleteAllClicked(obj) {
        if (confirm("Warning!\r\nThis action deletes this project and all connected elements created in its name, e.g., in sections, client projects based on this, etc.")) {
            return true;
        }
        return false;
    }
    </script>
{% endblock content %}