{% load i18n %}

<div class="recommenderBlock">
    <div class='recommender_recommenderModify'>
        <div class='recommender_recommenderModifyTitleContainer'>
            <div class='recommender_recommenderModifyTitle'>{% trans "Configuration setting" %}</div>
        </div>
        <div class="recommender_setRecommenderConfig">
            <div class="recommender_setRecommenderConfigTitle">{% trans "Set the student-view, client side configurations for RecommenderXblock." %}</div>
                <div class="config">
                    <select name='introEnable' class='introEnable'>
                        <option value='true'>{% trans "Yes" %}</option>
                        <option value='false'>{% trans "No" %}</option></select>
                    <span>{% trans "Do you want to take users on a little tour when they see the RecommenderXBlock first time?" %}</span>
                </div>
                <div class="config">
                    <select name='developedUXDisable' class='developedUXDisable'>
                        <option value='true'>{% trans "Yes" %}</option>
                        <option value='false'>{% trans "No" %}</option>
                    </select>
                    <span>{% trans "Do you want to disable the UX functions which are under development?" %}</span>
                </div>
                <div class="config">
                    <select name='entriesPerPage' class='entriesPerPage'>
                        <option value='1'>1</option>
                        <option value='2'>2</option>
                        <option value='3'>3</option>
                        <option value='4'>4</option>
                        <option selected='selected' value='5'>5</option>
                        <option value='6'>6</option>
                        <option value='7'>7</option>
                        <option value='8'>8</option>
                        <option value='9'>9</option>
                        <option value='10'>10</option>
                    </select>
                    <span>{% trans "How many resources you want to show in each page of the resource list?" %}</span>
                </div>
                <div class="config">
                    <select name='pageSpan' class='pageSpan'>
                        <option value='1'>1</option>
                        <option selected='selected' value='2'>2</option>
                        <option value='3'>3</option>
                        <option value='4'>4</option>
                        <option value='5'>5</option>
                    </select>
                    <span>{% trans "How many page icons in pagination control (i.e., page range)? The icons for pages from (current page - page range) to (current page + page range) will be shown." %}</span>
                </div>
                <input type="button" value="Set configurations" class="recommender_configSubmit"/>
            </div>
        </div>
    </div>
</div>
