<div class="overlay-board-settings js-overlay-board-settings">
<div class="overlay-board-settings__card">
<div class="overlay-board-settings__header">
<a href="#" class="overlay-board-settings__back js-close-board-settings">{{{backIcon}}}</a>
<div class="overlay-board-settings__header-inner">
<h3 class="overlay-board-settings__heading">{{{heading}}}</h3>
</div>
<a href="#" class="overlay-board-settings__close js-close-board-settings">{{{closeIcon}}}</a>
</div>
<div class="overlay-board-settings__card-content">
<div class="overlay-board-settings__card-inner">
<div class="overlay-board-settings__form-container">
<label for="txtBoardName">{{{textLabel}}}</label>
<input type="text" id="txtBoardName" class="js-board-heading" value="{{defaultInputValue}}" data-default-value="{{defaultInputValue}}">
</div>
<div class="overlay-board-settings__image-collection">
<h4>{{{imageHeading}}}</h4>
<p>{{{imageSubHeading}}}</p>
<input type="hidden" value="" id="txt_board_image">
<div class="overlay-board-settings__image-wrap">
<div class="overlay-board-settings__image-item js-board-settings-image js-board-no-image active" data-image-id="00">
<p>{{{noImageText}}}</p>
</div>
{{#each images}}
<div class="overlay-board-settings__image-item js-board-settings-image {{#ifEquals selectedClass "true"}} active {{/ifEquals}}" data-image-id="{{id}}" data-src-share-modal="{{srcShareModal}}">
{{> @cp-medium-image responsiveImage}}
</div>
{{/each}}
</div>
<div class="overlay-board-settings__button-container">
<button class="button-p1 button-p1--default js-board-settings-save" data-success-notif-message="{{ saveSettingsSuccessNotif }}" data-success-notif-icon='{{{saveSettingsSuccessNotifIcon}}}'>{{{saveButtonText}}}</button>
</div>
</div>
</div>
</div>
</div>
</div>