<div id="template-selection-modal" class="modal in" aria-hidden="false" data-current-page-id="{{ page.id }}" data-has-template="{{ hasAssignedTemplate == true ? "1" : "0" }}">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-close-select-template-modal-btn>
                    <span>×</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">{{ 'cs_admin.designer.modal.select-template' | trans }}</h4>
            </div>
            <div class="modal-body c-csd__modal--content">
                <form action="">
                    {% for template in templatesList %}
                        <input type="radio" id="templates_{{ loop.index }}" name="templates" value="{{ template.id }}">
                        <label for="template_{{ loop.index }}">{{ template.name }}</label><br>
                    {% endfor %}
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn defaultBtn" data-close-select-template-modal-btn >{{ 'cs_admin.designer.modal.cancel' | trans }}</button>
                <button type="button" class="btn mainBtn"
                        data-btn-type="save" disabled>{{ 'cs_admin.designer.modal.accept' | trans }}</button>
            </div>
        </div>
    </div>
</div>