archive/hourglass/client/profile/profile.html

<template name="profile">
    {{> sAlert}}
    <div id="profPageWrapper">
        <div id="backArrow" class="circleIcon moveArrow" style="display:{{showArrow 'back'}}">
            <i class="fa fa-chevron-up" aria-hidden="true"></i>
        </div>
        <div id="basicInfo">
            <div id="newUserWrapper">
                <div class="formDiv">
                    <p class="opTitle">**School:</p>
                    <input id="school" class="basicInfoField clickModify dropdown" type="text" form="school" placeholder=" Click here to edit..." readonly>
                    <div class="optionHolder">
                        {{#each selectOptions 'school'}}
                            {{> option}}
                        {{/each}}
                    </div>
               </div>
               <div class="formDiv">
                    <p class="opTitle">**Grade:</p>
                    <input id="grade" class="basicInfoField clickModify dropdown" type="text" form="grade" placeholder="Click here to edit..." readonly>
                    <div class="optionHolder">
                        {{#each selectOptions 'grade'}}
                            {{> option}}
                        {{/each}}
                    </div>
               </div>
               <h3 id="basicNext">Continue</h3>
           </div>
        </div>
        <div id="enrollInfo">
            <div id="enrollUserWrapper">
                <div id="joinTop">
                    <i class="fa fa-search" aria-hidden="true"></i>
                    {{> inputAutocomplete id="classSearch" settings=classSettings placeholder="Search..."}}
                    <!-- <h4 id="private">Join Private Class</h4>
                    <input id="privateCode" placeholder="Enter code here..."> -->
                </div>
                <div id="settingClassWrapper">
                    <div id="label" class="classBox">
                        <span class="name classText">Class Name</span>
                        <span class="teacher classText">Teacher</span>
                        <span class="hour classText">Hour</span>
                        <span class="subscriptions classText">Members</span>
                    </div>
                    {{#if notsearching}}
                        {{#each classes}}
                            {{> classDisplay}}
                        {{/each}}
                        {{#if noclass}}
                            <h3>No results found...</h3>
                        {{/if}}
                    {{else}}
                        {{#each autocompleteClasses}}
                            {{> classDisplay}}
                        {{/each}}
                        {{#if notfound}}
                            <h3>No results found...</h3>
                        {{/if}}
                    {{/if}}
                </div>
            </div>
        </div>
        <div id="classsection" style="display:none;">
            <!-- CLASS ENROLLMENT + CREATE -->
        </div>
        <div id="forwardArrow" class="circleIcon moveArrow" style="display:{{showArrow 'forward'}}">
            <i class="fa fa-chevron-down" aria-hidden="true"></i>
        </div>
    </div>
</template>