{% extends 'OroUIBundle:actions:update.html.twig' %}

{% oro_title_set({params : {"%subject%": form.vars.value.subject|default('N/A') } }) %}

{% set formAction = form.vars.value.id
    ? path('orocrm_call_update', { 'id': form.vars.value.id })
    : path('orocrm_call_create')
%}

{% block head_script %}
    {{ parent() }}

    {% block stylesheets %}
        {{ form_stylesheet(form) }}
    {% endblock %}
{% endblock %}

{% block content_data %}
    {% set id = 'call-log' %}
    {% set title = form.vars.value.id
        ? 'oro.ui.edit_entity'|trans({'%entityName%': 'orocrm.call.entity_label'|trans})
        : 'orocrm.call.log_call'|trans
    %}

    {% set formFields = [] %}
    {% if form.owner is defined %}
        {% set formFields = formFields|merge([form_row(form.owner)]) %}
    {% endif %}
    {% set formFields = formFields|merge([
        form_row(form.subject),
        form_row(form.notes),
        form_row(form.callDateTime),
        form_row(form.relatedAccount),
        form_row(form.relatedContact),
        form_row(form.contactPhoneNumber),
        form_widget(form.phoneNumber),
        form_row(form.direction),
        form_row(form.duration)
    ]) %}

    {% set dataBlocks = [{
        'title': title,
        'class': 'active',
        'subblocks': [
            {
                'title': title,
                'data': formFields
            }
        ]
    }] %}

    {% set data = {
        'formErrors': form_errors(form)? form_errors(form) : null,
        'dataBlocks': dataBlocks,
        'hiddenData': form_row(form.callStatus)
    } %}

    <script type="text/javascript">
        require(['jquery', 'orocrm/contactphone/view'],
        function($, ContactPhoneView){
            $(function() {
                new ContactPhoneView({
                    contact: $('#{{ form.relatedContact.vars.id }}'),
                    phoneSelector: $('#{{ form.contactPhoneNumber.vars.id }}'),
                    phonePlain: $('#{{ form.phoneNumber.vars.id }}')
                });
            });
        });
    </script>

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

{% block navButtons %}
    {{ UI.cancelButton(path('orocrm_call_index')) }}
    {% set html = UI.saveAndCloseButton() %}
    {% if form.vars.value.id or resource_granted('orocrm_call_update') %}
        {% set html = html ~ UI.saveAndStayButton() %}
    {% endif %}
    {{ UI.dropdownSaveButton({'html': html}) }}
{% endblock %}

{% block pageHeader %}
    {% if form.vars.value.id %}
        {% set breadcrumbs = {
            'entity':      form.vars.value,
            'indexPath':   path('orocrm_call_index'),
            'indexLabel': 'orocrm.call.entity_plural_label'|trans,
            'entityTitle': form.vars.value.subject|default('N/A')
        }
        %}
    {% else %}
        {% set breadcrumbs = {
            'entity':      form.vars.value,
            'indexPath':   path('orocrm_call_index'),
            'indexLabel': 'orocrm.call.entity_plural_label'|trans,
            'entityTitle': 'orocrm.call.log_call'|trans
        }
        %}
    {% endif %}
    {{ parent() }}
{% endblock pageHeader %}