{% extends 'OroUIBundle:actions:update.html.twig' %}
{% form_theme form with ['OroAddressBundle:Include:fields.html.twig', 'OroFormBundle:Form:fields.html.twig'] %}

{% oro_title_set({params : {"%lead.name%": entity.name} }) %}

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

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

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

{% block navButtons %}
    {% if form.vars.value.id and resource_granted('DELETE', form.vars.value) %}
        {{ UI.deleteButton({
            'dataUrl': path('oro_api_delete_lead', {'id': form.vars.value.id}),
            'dataRedirect': path('orocrm_sales_lead_index'),
            'aCss': 'no-hash remove-button',
            'id': 'btn-remove-lead',
            'dataId': form.vars.value.id,
            'entity_label': 'orocrm.sales.lead.entity_label'|trans
        }) }}
        {{ UI.buttonSeparator() }}
    {% endif %}
    {{ UI.cancelButton(path('orocrm_sales_lead_index')) }}
    {% set html = UI.saveAndCloseButton() %}
    {% if form.vars.value.id or resource_granted('orocrm_sales_lead_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_sales_lead_index'),
            'indexLabel': 'orocrm.sales.lead.entity_plural_label'|trans,
            'entityTitle': entity.name
        } %}
        {{ parent() }}
    {% else %}
        {% set title = 'oro.ui.create_entity'|trans({'%entityName%': 'orocrm.sales.lead.entity_label'|trans}) %}
        {% include 'OroUIBundle::page_title_block.html.twig' with { title: title } %}
    {% endif %}
{% endblock pageHeader %}

{% block stats %}
    <li>{{ 'oro.ui.created_at'|trans }}: {{ entity.createdAt ? entity.createdAt|oro_format_datetime : 'N/A' }}</li>
    <li>{{ 'oro.ui.updated_at'|trans }}: {{ entity.updatedAt ? entity.updatedAt|oro_format_datetime : 'N/A' }}</li>
{% endblock stats %}

{% block breadcrumbs %}
    {{ parent() }}
    <div class="pull-left">
        {% if entity.status.name != 'canceled' %}
            <div class="badge badge-enabled status-enabled"><i class="icon-status-enabled icon-circle"></i>{{ entity.status.label }}</div>
        {% else %}
            <div class="badge badge-disabled status-disabled"><i class="icon-status-disabled icon-circle"></i>{{ entity.status.label  }}</div>
        {% endif %}
    </div>
{% endblock breadcrumbs %}

{% block content_data %}
    {% set id = 'lead-profile' %}

    {% set formFields = [] %}
    {% if form.owner is defined %}
        {% set formFields = formFields|merge([form_row(form.owner)]) %}
    {% endif %}



    {% set formFields = formFields|merge([
        form_row(form.name),
        form_row(form.dataChannel),
        form_row(form.firstName),
        form_row(form.middleName),
        form_row(form.lastName),
        form_row(form.contact),
        form_row(form.jobTitle),
        form_row(form.phoneNumber),
        form_row(form.email),
        form_row(form.customer),
        form_row(form.companyName),
        form_row(form.website),
        form_row(form.source),
        form_row(form.notes)
    ]) %}
    {% block formJs %}
        <script type="text/javascript">
            require(['jquery'],
            function($){
                var $leadName = $('#{{ form.name.vars.id }}');
                var $firstName = $('#{{ form.firstName.vars.id }}');
                var $lastName = $('#{{ form.lastName.vars.id }}');
                var $companyName = $('#{{ form.companyName.vars.id }}');

                $leadName.on('focusout', function(){
                    $companyName.val($leadName.val());
                    if(!$firstName.val().length > 0) {
                        var leadName = $leadName.val();
                        var leadNameArray = leadName.split(' ');
                        $firstName.val(leadNameArray[0]);
                        $lastName.val(leadNameArray[1]);

                    }
                });
            });
        </script>
    {% endblock formJs %}

    {% set dataBlocks = [{
            'title': 'General'|trans,
            'class': 'active',
            'subblocks': [
                {
                    'title': 'orocrm.sales.lead.information'|trans,
                    'data': formFields
                },
                {
                    'title': 'orocrm.sales.lead.address.label'|trans,
                    'data': [
                        form_widget(form.address),
                    ]
                },
            ]
        }]
    %}

    {% set additionalData = [] %}
    {% for child in form.children if child.vars.extra_field is defined and child.vars.extra_field %}
        {% set additionalData = additionalData|merge([form_row(child)]) %}
    {% endfor %}
    {% if additionalData is not empty %}
        {% set dataBlocks = dataBlocks|merge([{
            'title': 'Additional'|trans,
            'subblocks': [{
                'title': '',
                'useSpan': false,
                'data' : additionalData
            }]
        }] ) %}
    {% endif %}

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