{% extends '@OroUI/actions/update.html.twig' %}

{% set entityId = entity.id %}
{% set formAction = entityId ? path('oro_website_search_term_update', {id: entityId}) : path('oro_website_search_term_create') %}

{% if entityId %}
    {% if entity.phrases|length > 100 %}
        {% set entityTitle = entity.phrases|slice(0, 97) ~ '...' %}
    {% else %}
        {% set entityTitle = entity.phrases %}
    {% endif %}

    {% set entityTitle = entityTitle|oro_format_search_term_phrases(', ') %}

    {% oro_title_set({params : {"%title%": entityTitle, '%entityName%': 'oro.websitesearchterm.searchterm.entity_label'|trans} }) %}
{% else %}
    {% oro_title_set({params : {'%entityName%': 'oro.websitesearchterm.searchterm.entity_label'|trans} }) %}
{% endif %}

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

    {{ parent() }}

    {% if is_granted('oro_website_search_term_acl_view') %}
        {{ UI.cancelButton(path('oro_website_search_term_index')) }}
    {% endif %}

    {% set html = '' %}

    {% if is_granted('oro_website_search_term_acl_view') %}
        {% set html = html ~ UI.saveAndCloseButton({
            'route' : 'oro_website_search_term_view',
            'params' : {'id': '$id'}
        }) %}
    {% endif %}

    {% if is_granted('oro_website_search_term_acl_update') %}
        {% set html = html ~ UI.saveAndStayButton({
            'route' : 'oro_website_search_term_update',
            'params': {'id': '$id'}
        }) %}
    {% endif %}


    {{ UI.dropdownSaveButton({'html': html}) }}
{% endblock %}

{% block pageHeader %}
    {% if entityId %}
        {% set breadcrumbs = {
            'entity':      entity,
            'indexPath':   path('oro_website_search_term_index'),
            'indexLabel': 'oro.websitesearchterm.searchterm.entity_plural_label'|trans,
            'entityTitle': entityTitle
        } %}
        {{ parent() }}
    {% else %}
        {% set title = 'oro.ui.create_entity'|trans({'%entityName%': 'oro.websitesearchterm.searchterm.entity_label'|trans}) %}
        {% include '@OroUI/page_title_block.html.twig' with { title: title } %}
    {% endif %}
{% endblock pageHeader %}

{% block content_data %}
    {% set id = 'website-search-term-edit' %}

    {% set scopes_form = form_widget(form.scopes, { label: 'oro.websitesearchterm.searchterm.scopes.label' }) %}
    {% set action_type_form = form_row(
        form.actionType,
        {
            label: 'oro.websitesearchterm.searchterm.action_type.label',
            attr: { 'data-dependee-id': 'search-term-action-type' }
        }
    ) %}
    {% set modify_action_type_form %}
        <div class="control-group"
             data-page-component-module="oro/select2-dependent-component"
             data-depend-on="search-term-action-type"
             data-show-if="modify"
             data-disable-element=":input">
            {{ form_row(
                form.modifyActionType,
                {
                    label: 'oro.websitesearchterm.searchterm.modify_action_type.label',
                    attr: { 'data-dependee-id': 'search-term-modify-action-type' }
                }
            ) }}
        </div>
    {% endset %}
    {% set redirect_action_type_form %}
        <div class="control-group"
             data-page-component-module="oro/select2-dependent-component"
             data-depend-on="search-term-action-type"
             data-show-if="redirect"
             data-disable-element=":input">
            {{ form_row(
                form.redirectActionType,
                {
                    label: 'oro.websitesearchterm.searchterm.redirect_action_type.label',
                    attr: { 'data-dependee-id': 'search-term-redirect-action-type' }
                }
            ) }}
        </div>
    {% endset %}
    {% set redirect_uri_form %}
        <div data-page-component-module="orosale/js/app/components/dependent-field-component"
             data-page-component-options="{{ { selectors: { rowContainer: 'div' } }|json_encode }}"
             data-depend-on="search-term-action-type"
             data-show-if="redirect"
             data-disable-element=":input">
            <div class="control-group"
                 data-page-component-module="orosale/js/app/components/dependent-field-component"
                 data-page-component-options="{{ { selectors: { rowContainer: 'div' } }|json_encode }}"
                 data-depend-on="search-term-redirect-action-type"
                 data-show-if="uri"
                 data-disable-element=":input">
                {{ form_row(form.redirectUri, { label: 'oro.websitesearchterm.searchterm.redirect_uri.label' }) }}
            </div>
            <div class="control-group"></div>
        </div>
    {% endset %}
    {% set redirect_301_form %}
        <div data-page-component-module="orosale/js/app/components/dependent-field-component"
             data-page-component-options="{{ { selectors: { rowContainer: 'div' } }|json_encode }}"
             data-depend-on="search-term-action-type"
             data-show-if="redirect"
             data-disable-element=":input">
            <div class="control-group"
                 data-page-component-module="orosale/js/app/components/dependent-field-component"
                 data-page-component-options="{{ { selectors: { rowContainer: 'div' } }|json_encode }}"
                 data-depend-on="search-term-redirect-action-type"
                 data-hide-if="uri"
                 data-disable-element=":input">
                {{ form_row(form.redirect301, { label: 'oro.websitesearchterm.searchterm.redirect301.label' }) }}
            </div>
            <div class="control-group"></div>
        </div>
    {% endset %}

    {% set data_blocks = {
        'general': {
            'title': 'oro.websitesearchterm.searchterm.sections.general.label'|trans,
            'subblocks': [
                {
                    'data': {
                        'owner': form.owner is defined ? form_row(form.owner) : '',
                        'phrases': form_row(form.phrases, { label: 'oro.websitesearchterm.searchterm.phrases.label' }),
                        'partialMatch': form_row(form.partialMatch, { label: 'oro.websitesearchterm.searchterm.partial_match.label' })
                    }
                }
            ]
        },
        'action': {
            'title': 'oro.websitesearchterm.searchterm.sections.action.label'|trans,
            'subblocks': [
                {
                    'title': '',
                    'data': {
                        'actionType': action_type_form,
                        'modifyActionType': modify_action_type_form,
                        'redirectActionType': redirect_action_type_form,
                        'redirectUri': redirect_uri_form,
                        'redirect301': redirect_301_form
                    }
                }
            ]
        },
        'use_for': {
            'title': 'oro.websitesearchterm.searchterm.sections.use_for.label'|trans,
            'subblocks': [
                {
                    'title': '',
                    'data': {
                        'scopes_form': scopes_form
                    }
                }
            ]
        }
    } %}

    {% set data = {
        'formErrors': form_errors(form),
        'dataBlocks': data_blocks,
        'hiddenData': form_row(form._token)
    } %}

    {{ parent() }}
{% endblock content_data %}