{% extends '@DWGinger/crud/form/edit.html.twig' %}
{% import _self as macros  %}
{% set duplicate = person.duplicates.0 %}

{% set actionsMenu = knp_menu_get('actions', [], { 'actions': {
    'Index': {
        'route': 'dw_ginger_duplicate_index',
        'label':  'action.back_to_list',
        'btnClass': 'btn-success',
        'btnIcon': 'fas fa-chevron-left',
    }
} }) %}

{% macro takeover(field_name, orig_value, duplicate_value) %}
    {% if duplicate_value is not empty and duplicate_value is not same as (orig_value) %}
        <span><a href="#" class="takeover takeover_duplicate btn-success btn-sm" title="{{ 'label.takeover_data'|trans }}" data-target="{{ field_name }}" data-value="{{ duplicate_value|escape('html_attr') }}"><i class="fa fa-arrow-left"></i></a> {{ duplicate_value }}</span>
    {% elseif duplicate_value is not empty %}
        <small>(ident)</small> <span class="text-secondary">{{ duplicate_value }}</span>
    {% endif %}
{% endmacro %}

{% macro takeover_tags(form_id, field_name, orig_value, duplicate_value) %}
     {% if duplicate_value is not empty %}
         {% for tag in duplicate_value  %}
            {% if tag not in orig_value %}
                <span style="display:inline-block;"><a href="#" class="takeover takeover_duplicate_tag btn-success btn-sm" title="{{ 'label.takeover_data'|trans }}" data-formid="{{ form_id }}" data-target="{{ field_name }}" data-value_name="{{ tag|escape('html_attr') }}" data-value="{{ tag.id }}"><i class="fa fa-arrow-left"></i></a>&nbsp;{{ tag }}</span>
                <br />
            {% endif %}
         {% endfor %}
         {% for tag in duplicate_value  %}
            {% if tag in orig_value %}
                <span class="text-secondary small">
                    {% if loop.first %}Ident: {% endif %}
                    {{ tag -}}
                    {%- if not loop.last %}, {% endif %}
                </span>
            {% endif %}
        {% endfor %}
    {% endif %}
{% endmacro %}

{% macro takeover_gender(field_name, orig_value, duplicate_value) %}
    {% if duplicate_value is not empty and duplicate_value is not same as (orig_value) %}
        <span><a href="#" class="takeover takeover_duplicate btn-success btn-sm" title="{{ 'label.takeover_data'|trans }}" data-target="{{ field_name }}" data-value="{{ duplicate_value|escape('html_attr') }}"><i class="fa fa-arrow-left"></i></a> {{ ('gender.'~duplicate_value)|trans }}</span>
    {% elseif duplicate_value is not empty %}
        <small>(ident)</small> <span class="text-secondary">{{ ('gender.'~duplicate_value)|trans }}</span>
    {% endif %}
{% endmacro %}

{% macro takeover_bdate(field_name, orig_value, duplicate_value) %}
    {% if duplicate_value is not empty and duplicate_value|date('d.m.Y') is not same as (orig_value|date('d.m.Y')) %}
        <span><a href="#" class="takeover takeover_duplicate_bd btn-success btn-sm" title="{{ 'label.takeover_data'|trans }}" data-target="{{ field_name }}" data-value_day="{{ duplicate_value|date('d') }}" data-value_month="{{ duplicate_value|date('m') }}" data-value_year="{{ duplicate_value|date('Y') }}"><i class="fa fa-arrow-left"></i></a> {{ duplicate_value|date('d.m.Y') }}</span>
    {% elseif duplicate_value is not empty %}
        <small>(ident)</small> <span class="text-secondary">{{ duplicate_value|date('d.m.Y') }}</span>
    {% endif %}
{% endmacro %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(function(){
            $('#{{ form.vars.id~"_mergeAllAndRemove" }}').click(function(e) {
                $('.takeover').trigger('click');
            });
            $('a.takeover_duplicate').click(function(e) {
                e.preventDefault();
                var target = $('#'+$(this).data('target'));
                if($(this).data('target').endsWith("_comment")) {
                    // Comments get appended
                    if (target.val().length > 0) {
                        // New line after existing comment
                        target.val(target.val()+'\n');
                    }
                    var value = target.val() + '[{{ duplicate.createdAt|date("d.m.Y H:i:s") }}]\n'+ $(this).data('value');
                } else {
                    // Regular fields get replaced
                    var value = $(this).data('value');
                }
                target.val(value);

                var check = $('<i class="fa fa-sm fa-check text-success" title="" data-toggle="tooltip" data-placement="right" data-original-title="{{ 'label.takeover_done'|trans }}"></i>');
                $(this).parent().replaceWith(check);
                check.tooltip('enable');
            });
            $('a.takeover_duplicate_bd').click(function(e) {
                e.preventDefault();
                var fields = ['day', 'month', 'year'];
                var that = $(this);
                fields.forEach(function(field) {
                    var target = $('#'+that.data('target')+'_'+field);
                    target.val(parseInt(that.data('value_'+field)))
                });

                var check = $('<i class="fa fa-sm fa-check text-success" title="" data-toggle="tooltip" data-placement="right" data-original-title="{{ 'label.takeover_done'|trans }}"></i>');
                $(this).parent().replaceWith(check);
                check.tooltip('enable');
            });
            $('a.takeover_duplicate_tag').click(function(e) {
                e.preventDefault();
                var target = $('#'+$(this).data('target'));
                var newTag = new Option($(this).data('value_name'), $(this).data('value'), true, true);
                // Append it to the select
                target.append(newTag).trigger('change');
                // Put it into hidden field
                var addedTags = $('#'+$(this).data('formid')+'_addedTags');
                addedTags.val(addedTags.val()+','+$(this).data('value'));

                var check = $('<i class="fa fa-sm fa-check text-success" title="" data-toggle="tooltip" data-placement="right" data-original-title="'+$(this).data('value_name')+' {{ 'label.takeover_done'|trans }}"></i>');
                $(this).parent().replaceWith(check);
                check.tooltip('enable');
            });
        });
    </script>
{% endblock %}

{% block heading %}
    {{ 'title.deduplicate_person'|trans({'%object%': person.email}) }} <small>(1/{{ person.duplicates|length  }})</small>
{% endblock %}

{% block actions %}
    <a href="{{ path('dw_ginger_duplicate_index') }}" title="{{ 'action.back_to_list'|trans }}" class="float-right">
        <i class="fa fa-chevron-left fa-2x"></i>
    </a>
{% endblock %}

{% block content %}

    {% form_theme form '@DWGinger/form/jquery.collection.html.twig' %}
    {{ form_start(form) }}

    <div class="row">
        <div class="col-lg-12">
            {% block dates %}
            <div class="form-group row small">
                <div class="col-md-2">{{ 'label.created_at'|trans }}<br />{{  'label.updated_at'|trans }}</div>
                <div class="col-md-6">{{ person.createdAt|date("d.m.Y H:i:s") }}<br />{{ person.updatedAt|date("d.m.Y H:i:s") }}</div>
                <div class="col-md-4">{{ duplicate.createdAt|date("d.m.Y H:i:s") }}<br />{{ duplicate.updatedAt|date("d.m.Y H:i:s") }}</div>
            </div>
            {% endblock dates %}
            {% block firstName %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.firstName) }}</div>
                <div class="col-md-6">{{ form_widget(form.firstName) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_firstName', person.firstName, duplicate.firstName) }}</div>
            </div>
            {% endblock firstName %}
            {% block lastName %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.lastName) }}</div>
                <div class="col-md-6">{{ form_widget(form.lastName) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_lastName', person.lastName, duplicate.lastName) }}</div>
            </div>
            {% endblock lastName %}
            {% block email %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.email) }}</div>
                <div class="col-md-6">{{ form_widget(form.email) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_email', person.email, duplicate.email) }} ({{ duplicate.id }})</div>
            </div>
            {% endblock email %}
            {% block titleBefore %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.title) }}</div>
                <div class="col-md-6">{{ form_widget(form.title) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_title', person.title, duplicate.title) }}</div>
            </div>
            {% endblock titleBefore %}
            {% block titleBehind %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.titleBehind) }}</div>
                <div class="col-md-6">{{ form_widget(form.titleBehind) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_titleBehind', person.titleBehind, duplicate.titleBehind) }}</div>
            </div>
            {% endblock titleBehind %}
            {% block gender %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.gender) }}</div>
                <div class="col-md-6">{{ form_widget(form.gender) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover_gender(form.vars.id~'_gender', person.gender, duplicate.gender) }}</div>
            </div>
            {% endblock gender %}
            {% block dateOfBirth %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.dateOfBirth) }}</div>
                <div class="col-md-6">{{ form_widget(form.dateOfBirth) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover_bdate(form.vars.id~'_dateOfBirth', person.dateOfBirth, duplicate.dateOfBirth) }}</div>
            </div>
            {% endblock dateOfBirth %}
            {% block phone %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.phone) }}</div>
                <div class="col-md-6">{{ form_widget(form.phone) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_phone', person.phone, duplicate.phone) }}</div>
            </div>
            {% endblock phone %}
            {% block mobile %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.mobile) }}</div>
                <div class="col-md-6">{{ form_widget(form.mobile) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_mobile', person.mobile, duplicate.mobile) }}</div>
            </div>
            {% endblock mobile %}
            {% block doubleOptIn %}
            <div class="form-group row">
                <div class="col-md-1"></div>
                <div class="col-md-7">{{ form_row(form.doubleOptIn) }}</div>
                <div class="col-md-4 duplicate_value">{% if(duplicate.doubleOptIn) %}{{ 'label.yes'|trans }}{% else %}{{ 'label.no'|trans }}{% endif %}</div>
            </div>
            {% endblock doubleOptIn %}
            {% block tags %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.tags) }}</div>
                <div class="col-md-6">{{ form_widget(form.tags) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover_tags(form.vars.id, form.vars.id~'_tags', person.tags, duplicate.tags) }}</div>
            </div>
            {% endblock tags %}
            {% block comment %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.comment) }}</div>
                <div class="col-md-6">{{ form_widget(form.comment) }}</div>
                <div class="col-md-4 duplicate_value">{{ macros.takeover(form.vars.id~'_comment', person.comment, duplicate.comment) }}</div>
            </div>
            {% endblock comment %}
            {% block privateAddress %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.privateAddress) }}</div>
                <div class="col-md-10 addressContainer">
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.street) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.street) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_street', person.privateAddress.street|default(""), duplicate.privateAddress.street|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.houseNumber) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.houseNumber) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_houseNumber', person.privateAddress.houseNumber|default(""), duplicate.privateAddress.houseNumber|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.stairs) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.stairs) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_stairs', person.privateAddress.stairs|default(""), duplicate.privateAddress.stairs|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.doorNumber) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.doorNumber) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_doorNumber', person.privateAddress.doorNumber|default(""), duplicate.privateAddress.doorNumber|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.postCode) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.postCode) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_postCode', person.privateAddress.postCode|default(""), duplicate.privateAddress.postCode|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.town) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.town) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_town', person.privateAddress.town|default(""), duplicate.privateAddress.town|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.privateAddress.country) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.privateAddress.country) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.privateAddress.vars.id~'_country', person.privateAddress.country|default(""), duplicate.privateAddress.country|default("")) }}</div>
                    </div>
                    <div class="form-group row d-none">
                        <div class="col-sm-12">{{ form_widget(form.privateAddress.remove, {'attr': {'style': 'margin-left:0;'}}) }}</div>
                    </div>
                </div>
            </div>
            {% endblock privateAddress %}
            {% block companyAddress %}
            <div class="form-group row">
                <div class="col-md-2">{{ form_label(form.companyAddress) }}</div>
                <div class="col-md-10 addressContainer">
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.name) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.name) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_name', person.companyAddress.name|default(""), duplicate.companyAddress.name|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.street) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.street) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_street', person.companyAddress.street|default(""), duplicate.companyAddress.street|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.houseNumber) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.houseNumber) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_houseNumber', person.privateAddress.houseNumber|default(""), duplicate.companyAddress.houseNumber|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.doorNumber) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.doorNumber) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'doorNumber', person.companyAddress.doorNumber|default(""), duplicate.companyAddress.doorNumber|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.postCode) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.postCode) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_postCode', person.companyAddress.postCode|default(""), duplicate.companyAddress.postCode|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.town) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.town) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_town', person.companyAddress.town|default(""), duplicate.companyAddress.town|default("")) }}</div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-2">{{ form_label(form.companyAddress.country) }}</div>
                        <div class="col-sm-5" style="padding-right:0;">
                            {{ form_widget(form.companyAddress.country) }}
                        </div>
                        <div class="col-md-5 duplicate_value">{{ macros.takeover(form.companyAddress.vars.id~'_country', person.companyAddress.country|default(""), duplicate.companyAddress.country|default("")) }}</div>
                    </div>
                    <div class="form-group row d-none">
                        <div class="col-sm-12">{{ form_widget(form.companyAddress.remove, {'attr': {'style': 'margin-left:0;'}}) }}</div>
                    </div>
                </div>
            </div>
            {% endblock companyAddress %}

            <div class="form-group row">
                <div class="col-md-2"></div>
                <div class="col-md-10">
                    {% block noDuplicate %}
                        {{ form_widget(form.noDuplicate, {'attr': {'style': 'margin-left:5px;'}}) }}
                    {% endblock noDuplicate %}

                    {% block removeDuplicate %}
                        {{ form_widget(form.removeDuplicate, {'attr': {'style': 'margin-left:10px;'}}) }}
                    {% endblock removeDuplicate %}
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-2"></div>
                <div class="col-md-10">
                    {% block saveAndRemove %}
                    {{ form_widget(form.saveAndRemove, {'attr': {'style': 'margin-left:10px;'}}) }}
                    {% endblock saveAndRemove %}

                    {% block mergeAllAndRemove %}
                        {{ form_widget(form.mergeAllAndRemove, {'attr': {'style': 'margin-left:5px;'}}) }}
                    {% endblock mergeAllAndRemove %}
                </div>
            </div>

            <input type="hidden" name="person_id" value="{{ person.id }}" id="person_id" />

            {{ form_end(form) }}

            {{ knp_menu_render(actionsMenu, { 'template': '@DWGinger/menu/crud_actions.html.twig' }) }}
        </div>
    </div>
{% endblock %}