{% extends app.request.xmlHttpRequest ? 'form.html.twig' : 'base.html.twig' %}
{% import "project/actions.html.twig" as actions %}

{% block page_title %}{{ 'projects'|trans }}{% endblock %}
{% block page_actions %}{{ actions.project(project, 'edit') }}{% endblock %}

{% block main %}
    {% set formEditTemplate = app.request.xmlHttpRequest ? 'default/_form_modal.html.twig' : 'default/_form.html.twig' %}
    {% set formOptions = {
        'title': (project.id is null ? 'create-project'|trans({}, 'actions') : 'edit'|trans({}, 'actions')),
        'form': form,
        'back': path('admin_project')
    } %}
    {% embed formEditTemplate with formOptions %}
        {% block form_body %}
            <div class="row">
                <div class="col-md-10">
                    {{ form_row(form.name) }}
                </div>
                <div class="col-md-2">
                    {{ form_row(form.color) }}
                </div>
            </div>
            {{ form_row(form.comment) }}
            {{ form_row(form.customer) }}
            <div class="row">
                <div class="col-md-6">
                    {{ form_row(form.orderNumber) }}
                </div>
                <div class="col-md-6">
                    {{ form_row(form.orderDate) }}
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    {{ form_row(form.start) }}
                </div>
                <div class="col-md-6">
                    {{ form_row(form.end) }}
                </div>
            </div>
            {% if form.budgetType is defined %}
            <div class="row">
                {% if form.budget is defined %}
                <div class="col-md-4">
                    {{ form_row(form.budget) }}
                </div>
                {% endif %}
                {% if form.timeBudget is defined %}
                <div class="col-md-4">
                    {{ form_row(form.timeBudget) }}
                </div>
                {% endif %}
                <div class="col-md-4">
                    {{ form_row(form.budgetType) }}
                </div>
            </div>
            {% endif %}
            {% if form.invoiceText is defined %}
                {{ form_row(form.invoiceText) }}
            {% endif %}
            <div class="row">
                <div class="col-md-4">
                    {{ form_row(form.visible) }}
                </div>
                <div class="col-md-4 text-center">
                    {{ form_row(form.billable) }}
                </div>
                <div class="col-md-4 text-right">
                    {{ form_row(form.globalActivities) }}
                </div>
            </div>
            {% if form.metaFields is defined and form.metaFields is not empty %}
                {% for meta in form.metaFields|sort((a, b) => a.vars.data.order <=> b.vars.data.order) %}
                    {{ form_row(meta) }}
                {% endfor %}
            {% endif %}
            {{ form_widget(form) }}
        {% endblock %}
    {% endembed %}
{% endblock %}
