{% extends '@OroUI/actions/update.html.twig' %}
{% import '@OroUI/macros.html.twig' as UI %}

{% oro_title_set({params : {'%entityName%': 'oro.dashboard.entity_label'|trans, "%label%": entity.label} }) %}

{% form_theme form with ['@OroForm/Form/fields.html.twig'] %}
{% set formAction = form.vars.value.id
                    ? path('oro_dashboard_update', { 'id': form.vars.value.id })
                    : path('oro_dashboard_create')  %}

{% block pageHeader %}
    {% if form.vars.value.id %}
        {% set breadcrumbs = {
            'entity':      [],
            'indexPath':   path('oro_dashboard_index'),
            'indexLabel': 'oro.dashboard.management_title'|trans,
            'entityTitle': entity.label
        } %}
        {{ parent() }}
    {% else %}
        {% set title = 'oro.ui.create_entity'|trans({'%entityName%': 'oro.dashboard.entity_label'|trans}) %}
        {% include '@OroUI/page_title_block.html.twig' with { title: title } %}
    {% endif %}
{% endblock pageHeader %}

{% block navButtons %}
    {% import '@OroUI/macros.html.twig' as UI %}

    {{ UI.cancelButton(path('oro_dashboard_index')) }}
    {% set html = UI.saveAndCloseButton({
        'route': 'oro_dashboard_view',
        'params': {
            'id': '$id',
            'change_dashboard': true,
            '_enableContentProviders': 'mainMenu'
        }
    }) %}
    {% if is_granted('oro_dashboard_create') %}
        {% set html = html ~ UI.saveAndNewButton({
            'route': 'oro_dashboard_create'
        }) %}
    {% endif %}
    {% if form.vars.value.id or is_granted('oro_dashboard_update') %}
        {% set html = html ~ UI.saveAndStayButton({
            'route': 'oro_dashboard_update',
            'params': {
                'id': '$id',
                '_enableContentProviders': 'mainMenu'
            }
        }) %}
    {% endif %}
    {{ UI.dropdownSaveButton({'html': html}) }}
{% endblock %}

{% block content_data %}
    {% set id = 'task-form' %}

    {% set dataBlock %}
        {{ form_row(form.label) }}
        {% if form.owner is defined %}
            {{ form_row(form.owner) }}
        {% endif %}
        {% set startDashboardGroupId = 'start-dashboard-'|uniqid %}
        {% if form.dashboardType is defined %}
            {% set dashboardTypeViewOptions = {
                startDashboardrField: '#' ~ startDashboardGroupId,
            } %}
            {{ form_row(form.dashboardType, {
                'attr': {
                    'data-page-component-view': 'orodashboard/js/views/dashboard-type-view',
                    'data-page-component-options': dashboardTypeViewOptions|json_encode
                }
            }) }}
        {% endif %}
        {% if form.startDashboard is defined %}
            {{ form_row(form.startDashboard, {
                'group_attr': {
                    'id': startDashboardGroupId,
                    'class': form.dashboardType is defined ? 'hide' : ''
                }
            }) }}
        {% endif %}
        {% for child in form.children %}
            {% if child.vars.extra_field is defined and child.vars.extra_field %}
                {{ form_row(child) }}
            {% endif %}
        {% endfor %}
    {% endset %}

    {% set dataBlocks = [{
        'title': 'General Information'|trans,
        'subblocks': [
            {
                'title': '',
                'data': [
                    dataBlock
                ]
            }
        ]
    }] %}

    {% set data = {
        'formErrors': form_errors(form)? form_errors(form) : null,
        'dataBlocks': dataBlocks,
    } %}
    {{ parent() }}
{% endblock %}