{#
  Variables
    - totalWeight
    - variant
    - variants
    - abTestResults
    - actionRoute
    - activeEntity
    - model
    - nameGetter
    - firstCriteria (optional)
#}
{% set id = variant.id %}

{% if variants.properties[id] is not defined %}
    {% set settings = variant.variantSettings %}
    {% set variants = variants|merge({
            'properties': variants.properties|merge({
                (id): settings,
            })
    }) %}
{% endif %}

{% if variants.properties[id] is not empty %}
    {% set thisCriteria = variants.properties[id].winnerCriteria %}
    {% set weight = variants.properties[id].weight %}
    {% set criteriaLabel = thisCriteria ? variants.criteria[thisCriteria].label|trans : '' %}
{% else %}
    {% set thisCriteria, criteriaLabel, weight = '', '', 0 %}
{% endif %}

{% set isPublished = variant.isPublished %}
{% set totalWeight = totalWeight + (isPublished ? weight : 0) %}
{% set firstCriteria = firstCriteria|default(thisCriteria) %}
{% set isWinner = abTestResults.winners is defined and variant.id in abTestResults.winners and variants.parent.variantStartDate and isPublished %}
{% set actionUrl = path(actionRoute, {'objectAction': 'view', 'objectId': variant.id}) %}
{% set isCurrent = (variant.id is same as activeEntity.id) %}

<li class="list-group-item bg-{% if isCurrent %}dark{% else %}light{% endif %}-xs">
    <div class="box-layout">
        <div class="col-md-8 va-m">
            <div class="row">
                <div class="col-xs-1">
                    <h3>
                        {{ include('@MauticCore/Helper/publishstatus_icon.html.twig', {
                                'item': variant,
                                'model': model,
                                'size': '',
                                'query': 'size=',
                        }) }}
                    </h3>
                </div>
                <div class="col-xs-11">
                    {% if isWinner %}
                        <div class="mr-xs pull-left" data-toggle="tooltip" title="{{ 'mautic.core.ab_test.make_winner'|trans }}">
                            <a class="btn btn-warning"
                               data-toggle="confirmation"
                               href="{{ path(actionRoute, {'objectAction': 'winner', 'objectId': variant.id}) }}"
                               data-message="{{ 'mautic.core.ab_test.confirm_make_winner'|trans({'%name%': attribute(variant, nameGetter)})|e }}"
                               data-confirm-text="{{ 'mautic.core.ab_test.make_winner'|trans|e }}"
                               data-confirm-callback="executeAction"
                               data-cancel-text="{{ 'mautic.core.form.cancel'|trans|e }}">
                                <i class="fa fa-trophy"></i>
                            </a>
                        </div>
                    {% endif %}
                    <h5 class="fw-sb text-primary">
                        <a href="{{ actionUrl }}" data-toggle="ajax">
                            {{ attribute(variant, nameGetter) }}
                        </a>
                        {% if isCurrent %}
                            &nbsp;<span class="label label-success">{{ 'mautic.core.current'|trans }}</span>
                        {% endif %}
                        {% if variants.parent.id is same as variant.id %}
                            &nbsp;<span class="label label-warning">{{ 'mautic.core.parent'|trans }}</span>
                        {% endif %}
                        {% if variant is instanceof('\\Mautic\\CoreBundle\\Entity\\TranslationEntityInterface') and variant.isTranslation %}
                            &nbsp;<span data-toggle="tooltip" title="{{ 'mautic.core.icon_tooltip.translation'|trans }}">
                                <i class="fa fa-fw fa-language"></i>
                            </span>
                        {% endif %}
                    </h5>
                    {% if method_exists(variant, 'getAlias') %}
                        <span class="text-white dark-sm">{{ variant.alias }}</span>
                    {% endif %}
                </div>
            </div>
        </div>
        <div class="col-md-4 va-t text-right">
            <em class="text-white dark-sm">
                {% if isPublished and (totalWeight > 100 or (thisCriteria and firstCriteria != thisCriteria)) %}
                    <div class="text-danger" data-toggle="label label-danger" title="{{ 'mautic.core.variant.misconfiguration'|trans }}">
                        <div><span class="badge">{{ weight }}%</span></div>
                        <div><i class="fa fa-fw fa-exclamation-triangle"></i>{{ criteriaLabel }}</div>
                    </div>
                {% elseif isPublished and criteriaLabel %}
                    <div class="text-success">
                        <div><span class="label label-success">{{ weight }}%</span></div>
                        <div><i class="fa fa-fw fa-check"></i>{{ criteriaLabel }}</div>
                    </div>
                {% else %}
                    <div class="text-muted">
                        <div><span class="label label-default">{{ weight }}%</span></div>
                        <div>{{ criteriaLabel }}</div>
                    </div>
                {% endif %}
            </em>
        </div>
    </div>
</li>