<%var isMixMatch = !_.isUndefined(globalObj.jcrew.swim.config.mixmatch) && globalObj.jcrew.swim.config.mixmatch; %> <%var featuresRefinements = _.find(refinements, { 'name': 'features' }); %> <%var extendedSizesRefinements = _.find(refinements, { 'name': 'extendedsizes' }); %> <%var patternsRefinements = _.find(refinements, { 'name': 'pattern' }); %> <%var selectedRefsPlus = ''; %> <%if (selectedRefs.length) {%> <%var selectedRefsPlus = '+'; %> <%}%> <%if(isMixMatch){%>

Choose style, size, and color

<%}%>
<%=resultsCount%> result<%if(resultsCount > 1){%>s<%}%> clear all
<%_.each(refinements, function(refinement, index){%> <%if(refinement.name === 'style' || refinement.name === 'size' || refinement.name === 'color'){%>
<%= refinement.label%> <% var selectedCount = refinement.selectedCount; %> <% if (refinement.name === 'style' && !_.isUndefined(featuresRefinements)) {%> <% selectedCount += featuresRefinements.selectedCount; %> <%} else if (refinement.name === 'size' && !_.isUndefined(extendedSizesRefinements)) {%> <% selectedCount += extendedSizesRefinements.selectedCount; %> <%} else if (refinement.name === 'color' && !_.isUndefined(patternsRefinements)) {%> <% selectedCount += patternsRefinements.selectedCount; %> <%}%> <%if(selectedCount === 0){%> None selected <%}else {%> <%=selectedCount%> selection<%if (selectedCount > 1){%>s<%}%> made <%}%>
<%}%> <%});%> <%if(!isMixMatch){%>
or
Mix & Match Put together your perfect suit.
<%}%>
<%_.each(refinements, function(refinement, index){%> <%if(refinement.name === 'style' || refinement.name === 'size' || refinement.name === 'color'){%> <%var selectFirstActiveSubtab = refinement.name !== selectedFilterTab;%> <%var subtabLabelSelected = false;%> <%var subtabSelected = false;%>
<%if(refinement.group === 'Swim_Style'){%>
    <%_.each(refinement.values, function(styleSubTabsValues, j){%> <%var styleSubTabs = styleSubTabsValues.label;%> <%var styleDataType = styleSubTabsValues.group;%> <%var selectThisSubtab = !subtabLabelSelected && ((!selectFirstActiveSubtab && styleDataType === selectedFilterSubTab) || (selectFirstActiveSubtab && !styleSubTabsValues.disabled));%> <%if(selectThisSubtab){subtabLabelSelected = true;}%>
  • <%=styleSubTabs%><%if(styleSubTabsValues.selectedCount > 0){%> (<%=styleSubTabsValues.selectedCount%>)<%}%>
    • <%});%>
<%_.each(refinement.values, function(styleSubTabsValues, j){%> <%var styleDataType = styleSubTabsValues.group; %> <%var selectThisSubtab = !subtabSelected && ((!selectFirstActiveSubtab && styleDataType === selectedFilterSubTab) || (selectFirstActiveSubtab && !styleSubTabsValues.disabled));%> <%if(selectThisSubtab){subtabSelected = true;}%>
<%_.each(styleSubTabsValues.values, function(styleValues, k){%>
<%=styleValues.label%>
    <%=swimStyle.style[styleDataType][styleValues.name].desc_1%>
✔ <%if(styleValues.disabled){%><%}%>
<%});%>
<%if (!_.isUndefined(featuresRefinements) && styleDataType !== 'bottom') {%>
<%=featuresRefinements.label%>: <%_.each(featuresRefinements.values, function(featuresValues, k){%>
disabled<%}%> <%if (featuresValues.selected){%>checked<%}%>/> <%=featuresValues.label%>
<%});%>
<%}%>
<%});%>
<%}else if(refinement.group === 'Swim_Sizes'){%>
    <%_.each(refinement.values, function(sizeSubTabsValues, j){%> <%var sizeSubTabs = sizeSubTabsValues.label; %> <%var sizeDataType = sizeSubTabsValues.group; %> <%var selectThisSubtab = !subtabLabelSelected && ((!selectFirstActiveSubtab && sizeDataType === selectedFilterSubTab) || selectFirstActiveSubtab && !sizeSubTabsValues.disabled);%> <%if(selectThisSubtab){subtabLabelSelected = true;}%>
  • <%=sizeSubTabs%><%if(sizeSubTabsValues.selectedCount > 0){%> (<%=sizeSubTabsValues.selectedCount%>)<%}%>
    • <%});%>
<%_.each(refinement.values, function(sizeSubTabsValues, j){%> <%var sizeDataType = sizeSubTabsValues.group; %> <%var selectThisSubtab = !subtabSelected && ((!selectFirstActiveSubtab && sizeDataType === selectedFilterSubTab) || selectFirstActiveSubtab && !sizeSubTabsValues.disabled);%> <%if(selectThisSubtab){subtabSelected = true;}%>
<%if(sizeSubTabsValues.group === 'onepiece') {%>
<%_.each(sizeSubTabsValues.values, function(sizeBoxes, k){%>
<%=sizeBoxes.label %>
<%});%>
<%} else{%> <%_.each(sizeSubTabsValues.values, function(sizeBoxes, k){%>
<%_.each(sizeBoxes, function(sizeBox, m){%>
<%=sizeBox.label %>
<%});%>
<%});%> <%}%>
<%if (!_.isUndefined(extendedSizesRefinements) && sizeDataType !== 'bottom') {%>
Special Sizes: <%_.each(extendedSizesRefinements.values, function(extendedValues, k){%> <%if ((extendedValues.id === 318 && sizeDataType === 'top') || sizeDataType === 'onepiece') {%>
disabled<%}%> <%if (extendedValues.selected){%>checked<%}%>/> <%=extendedValues.label%>
<%}%> <%});%>
<%}%>
<%});%>
<%}else{%>
Colors
<%_.each(refinement.values, function(colorValues, j){%>
disabled<%}%> <%if(colorValues.selected){%>checked<%}%> /> <%=colorValues.label%>
<%if(j === 5){%>
<%}%> <%});%>
<%if (!_.isUndefined(patternsRefinements)) {%>
Patterns & Prints <%_.each(patternsRefinements.values, function(patternValues, j){%>
disabled<%}%> <%if(patternValues.selected){%>checked<%}%>/> data-group="<%=swimType%>"<%}%> class="refinement-ajax refinement-value<%if(patternValues.disabled){%> disabled<%}%><%if(patternValues.selected){%> selected<%}%>"><%=patternValues.label%>
<%});%>
<%}%>
<%}%>
<%}%> <%});%>
<%if(isMixMatch){%>
<%}%>