<#if parameters.leftTitle??><#t/>
${parameters.leftTitle}
#if><#t/>
<#include "/${parameters.templateDir}/simple/select.ftl" />
<#if parameters.allowUpDownOnLeft!true>
title="${parameters.rightDownLabel}"
#if>
onclick="moveOptionDown(document.getElementById('${parameters.id}'), 'key', <#if parameters.headerKey??>'${parameters.headerKey}'<#else>''#if>);<#if parameters.upDownOnLeftOnclick?has_content>${parameters.upDownOnLeftOnclick};#if>"<#t/>
><#t/>
title="${parameters.rightUpLabel}"
#if>
onclick="moveOptionUp(document.getElementById('${parameters.id}'), 'key', <#if parameters.headerKey??>'${parameters.headerKey}'<#else>''#if>);<#if parameters.upDownOnLeftOnclick?has_content>${parameters.upDownOnLeftOnclick};#if>"<#t/>
><#t/>
#if>
<#if parameters.allowAddToLeft!true><#t/>
<#assign addToLeftLabel = parameters.addToLeftLabel!"To left"/><#t/>
<#if parameters.doubleHeaderKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addToLeftLabel}"
onclick="moveSelectedOptions(document.getElementById('${parameters.doubleId}'), document.getElementById('${parameters.id}'), false, '${parameters.doubleHeaderKey}', '');<#if parameters.addToLeftOnclick?has_content>${parameters.addToLeftOnclick};#if>"
><#t/>
<#else><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addToLeftLabel}"
onclick="moveSelectedOptions(document.getElementById('${parameters.doubleId}'), document.getElementById('${parameters.id}'), false, '');<#if parameters.addToLeftOnclick?has_content>${parameters.addToLeftOnclick};#if>"
><#t/>
#if><#t/>
#if><#t/>
<#if parameters.allowAddToRight!true><#t/>
<#assign addToRightLabel=parameters.addToRightLabel!"To right" /><#t/>
<#if parameters.headerKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addToRightLabel}"
onclick="moveSelectedOptions(document.getElementById('${parameters.id}'), document.getElementById('${parameters.doubleId}'), false, '${parameters.headerKey}', '');<#if parameters.addToRightOnclick?has_content>${parameters.addToRightOnclick};#if>"
><#t/>
<#else><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addToRightLabel}"
onclick="moveSelectedOptions(document.getElementById('${parameters.id}'), document.getElementById('${parameters.doubleId}'), false, '');<#if parameters.addToRightOnclick?has_content>${parameters.addToRightOnclick};#if>"
><#t/>
#if><#t/>
#if><#t/>
<#if parameters.allowAddAllToLeft!true><#t/>
<#assign addAllToLeftLabel=parameters.addAllToLeftLabel!"All to left" /><#t/>
<#if parameters.doubleHeaderKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addAllToLeftLabel}"
onclick="moveAllOptions(document.getElementById('${parameters.doubleId}'), document.getElementById('${parameters.id}'), false, '${parameters.doubleHeaderKey}', '');<#if parameters.addAllToLeftOnclick?has_content>${parameters.addAllToLeftOnclick};#if>"
><#t/>
<#else><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addAllToLeftLabel}"
onclick="moveAllOptions(document.getElementById('${parameters.doubleId}'), document.getElementById('${parameters.id}'), false, '');<#if parameters.addAllToLeftOnclick?has_content>${parameters.addAllToLeftOnclick};#if>"
><#t/>
#if><#t/>
#if><#t/>
<#if parameters.allowAddAllToRight!true><#t/>
<#assign addAllToRightLabel=parameters.addAllToRightLabel!"All to right" /><#t/>
<#if parameters.headerKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addAllToRightLabel}"
onclick="moveAllOptions(document.getElementById('${parameters.id}'), document.getElementById('${parameters.doubleId}'), false, '${parameters.headerKey}', '');<#if parameters.addAllToRightOnclick?has_content>${parameters.addAllToRightOnclick};#if>"
><#t/>
<#else><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${addAllToRightLabel}"
onclick="moveAllOptions(document.getElementById('${parameters.id}'), document.getElementById('${parameters.doubleId}'), false, '');<#if parameters.addAllToRightOnclick?has_content>${parameters.addAllToRightOnclick};#if>"
><#t/>
#if><#t/>
#if><#t/>
<#if parameters.allowSelectAll!true><#t/>
<#assign selectAllLabel=parameters.selectAllLabel!"Select all" /><#t/>
<#if parameters.headerKey?? && parameters.doubleHeaderKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${selectAllLabel}"
onclick="selectAllOptionsExceptSome(document.getElementById('${parameters.id}'), 'key', '${parameters.headerKey}');selectAllOptionsExceptSome(document.getElementById('${parameters.doubleId}'), 'key', '${parameters.doubleHeaderKey}');<#if parameters.selectAllOnclick?has_content>${parameters.selectAllOnclick};#if>"
><#t/>
<#elseif parameters.headerKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${selectAllLabel}"
onclick="selectAllOptionsExceptSome(document.getElementById('${parameters.id}'), 'key', '${parameters.headerKey}');selectAllOptions(document.getElementById('${parameters.doubleId}'));<#if parameters.selectAllOnclick?has_content>${parameters.selectAllOnclick};#if>"
><#t/>
<#elseif parameters.doubleHeaderKey??><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${selectAllLabel}"
onclick="selectAllOptions(document.getElementById('${parameters.id}'));selectAllOptionsExceptSome(document.getElementById('${parameters.doubleId}'), 'key', '${parameters.doubleHeaderKey}');<#if parameters.selectAllOnclick?has_content>${parameters.selectAllOnclick};#if>"
><#t/>
<#else><#t/>
<#t/>
class="btn ${parameters.buttonCssClass}"
<#else><#t/>
class="btn btn-outline-secondary"
#if><#t/>
<#if parameters.buttonCssStyle??><#t/>
style="${parameters.buttonCssStyle}"
#if><#t/>
title="${selectAllLabel}"
onclick="selectAllOptions(document.getElementById('${parameters.id}'));selectAllOptions(document.getElementById('${parameters.doubleId}'));<#if parameters.selectAllOnclick?has_content>${parameters.selectAllOnclick};#if>"
><#t/>
#if><#t/>
#if><#t/>
<#if parameters.rightTitle??><#t/>
${parameters.rightTitle}
#if><#t/>
<#t/>
size="${parameters.get("doubleSize")}"
#if><#t/>
<#if parameters.doubleDisabled!false><#t/>
disabled="disabled"
#if><#t/>
<#if parameters.doubleMultiple!false><#t/>
multiple="multiple"
#if><#t/>
<#if parameters.doubleTabindex??><#t/>
tabindex="${parameters.tabindex}"
#if><#t/>
<#if parameters.doubleId??><#t/>
id="${parameters.doubleId}"
#if><#t/>
<#if parameters.doubleCss??><#t/>
class="form-control ${parameters.doubleCss}"
<#else><#t/>
class="form-control"
#if><#t/>
<#if parameters.doubleStyle??><#t/>
style="${parameters.doubleStyle}"
#if><#t/>
<#if parameters.doubleOnclick??><#t/>
onclick="${parameters.doubleOnclick}"
#if><#t/>
<#if parameters.doubleOndblclick??><#t/>
ondblclick="${parameters.doubleOndblclick}"
#if><#t/>
<#if parameters.doubleOnmousedown??><#t/>
onmousedown="${parameters.doubleOnmousedown}"
#if><#t/>
<#if parameters.doubleOnmouseup??><#t/>
onmouseup="${parameters.doubleOnmouseup}"
#if><#t/>
<#if parameters.doubleOnmousemove??><#t/>
onmousemove="${parameters.doubleOnmousemove}"
#if><#t/>
<#if parameters.doubleOnmouseover??><#t/>
onmouseover="${parameters.doubleOnmouseover}"
#if><#t/>
<#if parameters.doubleOnmouseout??><#t/>
onmouseout="${parameters.doubleOnmouseout}"
#if><#t/>
<#if parameters.doubleOnfocus??><#t/>
onfocus="${parameters.doubleOnfocus}"
#if><#t/>
<#if parameters.doubleOnblur??><#t/>
onblur="${parameters.doubleOnblur}"
#if><#t/>
<#if parameters.doubleOnkeypress??><#t/>
onkeypress="${parameters.doubleOnkeypress}"
#if><#t/>
<#if parameters.doubleOnKeydown??><#t/>
onkeydown="${parameters.doubleOnkeydown}"
#if><#t/>
<#if parameters.doubleOnkeyup??><#t/>
onkeyup="${parameters.doubleOnkeyup}"
#if><#t/>
<#if parameters.doubleOnselect??><#t/>
onselect="${parameters.doubleOnselect}"
#if><#t/>
<#if parameters.doubleOnchange??><#t/>
onchange="${parameters.doubleOnchange}"
#if><#t/>
<#if parameters.doubleAccesskey??><#t/>
accesskey="${parameters.doubleAccesskey}"
#if>
>
<#if parameters.doubleHeaderKey?? && parameters.doubleHeaderValue??><#t/>
${parameters.doubleHeaderValue}
#if><#t/>
<#if parameters.doubleEmptyOption!false><#t/>
#if><#t/>
<@s.iterator value="parameters.doubleList"><#t/>
<#if parameters.doubleListKey??><#t/>
<#assign doubleItemKey = stack.findValue(parameters.doubleListKey) /><#t/>
<#else><#t/>
<#assign doubleItemKey = stack.findValue('top') /><#t/>
#if><#t/>
<#assign doubleItemKeyStr = doubleItemKey.toString() /><#t/>
<#if parameters.doubleListValue??><#t/>
<#assign doubleItemValue = stack.findString(parameters.doubleListValue)!"" /><#t/>
<#else><#t/>
<#assign doubleItemValue = stack.findString('top') /><#t/>
#if><#t/>
<#if tag.contains(parameters.doubleNameValue, doubleItemKey)><#t/>
selected="selected"<#rt/>
#if><#t/>
>${doubleItemValue}<#lt/>
@s.iterator><#t/>
<#if parameters.doubleMultiple!false>
<#if parameters.doubleDisabled!false>
disabled="disabled"<#rt/>
#if>
/>
#if>
<#if parameters.allowUpDownOnRight!true>
title="${parameters.rightDownLabel}"
#if>
onclick="moveOptionDown(document.getElementById('${parameters.doubleId}'), 'key', <#if parameters.doubleHeaderKey??>'${parameters.doubleHeaderKey}'<#else>''#if>);<#if parameters.upDownOnLeftOnclick?has_content>${parameters.upDownOnLeftOnclick};#if>"<#t/>
><#t/>
title="${parameters.rightUpLabel}"
#if>
onclick="moveOptionUp(document.getElementById('${parameters.doubleId}'), 'key', <#if parameters.doubleHeaderKey??>'${parameters.doubleHeaderKey}'<#else>''#if>);<#if parameters.upDownOnLeftOnclick?has_content>${parameters.upDownOnLeftOnclick};#if>"<#t/>
><#t/>
#if>