{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_content %}
<form action="{{ path('clear.session') }}" method="post" data-form-csrf-handler="true">
<button>
reset
</button>
{{ sw_csrf('clear.session') }}
</form>
<form action="{{ path('frontend.select.group') }}" method="post" data-form-csrf-handler="true">
<input type="hidden" id="skip" name="skip" value="true"/>
<button>
skip Bundles
</button>
{{ sw_csrf('frontend.select.group') }}
</form>
<div class="ec-collection">
{% sw_include 'storefront/bundles/navigation/nav.html.twig' %}
<div class="ec-collection-content-wrapper">
{% if step is same as('team') %}
{% set url = 'frontend.select.design.player' %}
{% set back = 'frontend.home.page' %}
{% elseif step is same as('design') and playerType is same as('player') %}
{% set url = 'frontend.select.color.player' %}
{% set back = 'frontend.select.group' %}
{% elseif step is same as('design') and playerType is same as('keeper') %}
{% set url = 'frontend.select.color.keeper' %}
{% set back = 'frontend.select.color.player' %}
{% elseif step is same as('color') and playerType is same as('player') %}
{% set url = 'frontend.select.design.keeper' %}
{% set back = 'frontend.select.design.player' %}
{% elseif step is same as('color') and playerType is same as('keeper') %}
{% set url = 'frontend.configuration.player' %}
{% set back = 'frontend.select.design.keeper' %}
{% elseif step is same as('configuration') and playerType is same as('player')%}
{% set back = 'frontend.select.color.keeper' %}
{% elseif step is same as('configuration') and playerType is same as('keeper') %}
{% set back = 'frontend.configuration.player' %}
{% else %}
{% set url = 'frontend.home.page' %}
{% set back = 'frontend.configuration.keeper' %}
{% endif %}
<div class="ec-collection-left-menu">
<div class="ec-text-wrapper">
<input type="hidden" class="player-type-progress-menu" name="playerTypeProgressMenu" value="{{ playerType }}"/>
<input type="hidden" class="translations-children" name="translationsChildren" value="{{ "EconsorBundles.steps.team.first-block"|trans }}"/>
<input type="hidden" class="translations-men" name="translationsMen" value="{{ "EconsorBundles.steps.team.second-block"|trans }}"/>
<input type="hidden" class="translations-women" name="translationsWomen" value="{{ "EconsorBundles.steps.team.third-block"|trans }}"/>
<input type="hidden" class="translation-complete" name="translationComplete" value="{{ "EconsorBundles.steps.configuration.progress.complete"|trans }}"/>
<input type="hidden" class="translation-incomplete" name="translationIncomplete" value="{{ "EconsorBundles.steps.configuration.progress.incomplete"|trans }}"/>
<input type="hidden" class="translation-completed" name="translationCompleted" value="{{ "EconsorBundles.steps.configuration.progress.completed"|trans }}"/>
{% if step is same as('team') %}
{% sw_include 'storefront/bundles/left-menu/text-team.html.twig' %}
{% elseif step is same as ('design') and playerType is same as('player')
or step is same as ('color') and playerType is same as('player')%}
{% sw_include 'storefront/bundles/left-menu/text-player.html.twig' %}
{% elseif step is same as ('design') and playerType is same as('keeper')
or step is same as ('color') and playerType is same as('keeper')%}
{% sw_include 'storefront/bundles/left-menu/text-keeper.html.twig' %}
{% elseif step is same as ('configuration') %}
{% sw_include 'storefront/bundles/left-menu/text-configuration.html.twig' %}
{% endif %}
</div>
<div class="ec-button-wrapper">
<form class="back" action="{{ path(back) }}" method="post" data-form-csrf-handler="true">
<input type="hidden" name="back" value="back"/>
<button class="ec-back-button btn btn-secondary btn-block buy-widget-submit next" {% if step is same as('team') %}disabled{% endif %}>
{{ "EconsorBundles.buttons.back"|trans }}
</button>
{{ sw_csrf(back) }}
</form>
</div>
</div>
<div class="ec-collection-main-content">
{% block content %}
{% if step is same as('team') %}
{% sw_include 'storefront/bundles/step/bundle-team.html.twig' %}
{% elseif step is same as('design') %}
{% sw_include 'storefront/bundles/step/collection.html.twig' %}
{% elseif step is same as('color') and playerType is same as('player') %}
{% sw_include 'storefront/bundles/step/collection-variants.html.twig' %}
{% elseif step is same as('color') and playerType is same as('keeper') %}
{% sw_include 'storefront/bundles/step/collection-variants.html.twig' %}
{% elseif step is same as('configuration') %}
{% sw_include 'storefront/bundles/step/configuration.html.twig' %}
{% endif %}
{% endblock %}
</div>
<div class="ec-collection-right-menu">
<div class="ec-right-menu-current-set inverted-color">
{#Current Jersey Set Placeholder#}
<div class="keeper-preview-images {% if (step is same as('design') or step is same as('color')) and playerType is same as('player') %}remove-element{% endif %}">
<img class="keeper-shirt-preview-image" src="{% if sessionData.keeperColors.shirt.image %} {{ sessionData.keeperColors.shirt.image }} {% elseif sessionData.keeperCollection.images.shirt %} {{ sessionData.keeperCollection.images.shirt }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
<img class="keeper-trousers-preview-image" src="{% if sessionData.keeperColors.trousers.image %} {{ sessionData.keeperColors.trousers.image }} {% elseif sessionData.keeperCollection.images.trousers %} {{ sessionData.keeperCollection.images.trousers }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
<img class="keeper-clips-preview-image" src="{% if sessionData.keeperColors.clips.image %} {{ sessionData.keeperColors.clips.image }} {% elseif sessionData.keeperCollection.images.clips %} {{ sessionData.keeperCollection.images.clips }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
</div>
<div class="player-preview-images {% if (step is same as('design') or step is same as('color')) and playerType is same as('keeper') %}remove-element{% endif %}">
<img class="player-shirt-preview-image" src="{% if sessionData.playerColors.shirt.image %} {{ sessionData.playerColors.shirt.image }} {% elseif sessionData.playerCollection.images.shirt %} {{ sessionData.playerCollection.images.shirt }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
<img class="player-trousers-preview-image" src="{% if sessionData.playerColors.trousers.image %} {{ sessionData.playerColors.trousers.image }} {% elseif sessionData.playerCollection.images.trousers %} {{ sessionData.playerCollection.images.trousers }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
<img class="player-clips-preview-image" src="{% if sessionData.playerColors.clips.image %} {{ sessionData.playerColors.clips.image }} {% elseif sessionData.playerCollection.images.clips %} {{ sessionData.playerCollection.images.clips }} {% endif %}" style="max-width: 50px; max-height: 100px;"/>
</div>
</div>
<div class="ec-right-menu-text-wrapper">
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.team"|trans }}</div>
<div class="inverted-color right-menu-group">{% if sessionData.group.name %}{{ sessionData.group.name }}{% else %}Placeholder{% endif %}</div>
</div>
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.design"|trans }}</div>
<div class="inverted-color right-menu-design-player">{% if sessionData.playerCollection.collection.name %}{{ sessionData.playerCollection.collection.name }}{% else %}Placeholder{% endif %}</div>
</div>
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.colorPlayer"|trans }}</div>
<div class="inverted-color right-menu-color-player">
<div class="player-shirt">{% if sessionData.playerColors.shirt.name %}{{ sessionData.playerColors.shirt.name }}{% endif %}</div>
<div class="player-trousers">{% if sessionData.playerColors.trousers.name %}{{ sessionData.playerColors.trousers.name }}{% endif %}</div>
<div class="player-clips">{% if sessionData.playerColors.clips.name %}{{ sessionData.playerColors.clips.name }}{% endif %}</div>
</div>
</div>
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.design"|trans }}</div>
<div class="inverted-color right-menu-design-keeper">{% if sessionData.keeperCollection.collection.name %}{{ sessionData.keeperCollection.collection.name }}{% else %}Placeholder{% endif %}</div>
</div>
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.colorKeeper"|trans }}</div>
<div class="inverted-color right-menu-color-keeper">
<div class="keeper-shirt">{% if sessionData.keeperColors.shirt.name %}{{ sessionData.keeperColors.shirt.name }}{% endif %}</div>
<div class="keeper-trousers">{% if sessionData.keeperColors.trousers.name %}{{ sessionData.keeperColors.trousers.name }}{% endif %}</div>
<div class="keeper-clips">{% if sessionData.keeperColors.clips.name %}{{ sessionData.keeperColors.clips.name }}{% endif %}</div>
</div>
</div>
<div class="ec-right-menu-text-item">
<div class="ec-right-menu-header color-yellow">{{ "EconsorBundles.right-menu.personalization"|trans }}</div>
<div class="inverted-color right-menu-personalization">{% if sessionData.keeperConfig %}{{ "EconsorBundles.steps.configuration.progress.complete"|trans }}{% endif %}</div>
</div>
</div>
<div class="ec-button-wrapper">
{% if step is not same as('configuration') %}
<form class="next" action="{{ path(url) }}" method="post" data-form-csrf-handler="true">
<input type="hidden" id="group" name="group[criteria]"/>
<input type="hidden" id="groupName" name="group[name]"/>
<input type="hidden" id="playerType" name="playerType"/>
<input type="hidden" id="collection" name="collection[id]"/>
<input type="hidden" id="collectionName" name="collection[name]"/>
<input type="hidden" id="defaultImageShirt" name="defaultImages[shirt]"/>
<input type="hidden" id="defaultImageTrousers" name="defaultImages[trousers]"/>
<input type="hidden" id="defaultImageClips" name="defaultImages[clips]"/>
<input type="hidden" id="shirtColor" name="shirt[color]"/>
<input type="hidden" id="shirtProduct" name="shirt[product]"/>
<input type="hidden" id="shirtColorName" name="shirt[name]"/>
<input type="hidden" id="shirtColorImage" name="shirt[image]"/>
<input type="hidden" id="trousersColor" name="trousers[color]"/>
<input type="hidden" id="trousersProduct" name="trousers[product]"/>
<input type="hidden" id="trousersColorName" name="trousers[name]"/>
<input type="hidden" id="trousersColorImage" name="trousers[image]"/>
<input type="hidden" id="clipsColor" name="clips[color]"/>
<input type="hidden" id="clipsProduct" name="clips[product]"/>
<input type="hidden" id="clipsColorName" name="clips[name]"/>
<input type="hidden" id="clipsColorImage" name="clips[image]"/>
<button class="ec-next-button btn btn-secondary btn-block buy-widget-submit next" disabled>
{{ "EconsorBundles.buttons.next"|trans }}
</button>
{{ sw_csrf(url) }}
</form>
{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}