{{#Page}}
<div class="firstAccess-settings-header">
    <div class="admin-nav"></div>
    <div class="admin-text"> {{i18n 'FirstAccess.administrativeInterface'}}</div>
    <div class="admin-username">
        <span id="settings-user-name">{{PreferredNameAdmin}}</span><span>|</span>
        <a href="#" id="logout">{{i18n 'adminsetting.logout'}}</a>
    </div>
</div>
<div class="container">
    <div id="main">
        <form id="settings-form" action="" class="form-horizontal">
            <ol class="breadcrumb">
                <li><a href="#" id="home-anchor" data-bypass>{{i18n 'adminsetting.home'}}</a></li>
                <li class="active" id="breadcrumb-name">{{i18n 'adminsetting.createFirstAccessprofile'}}</li>
            </ol>
            <div class="nav-wrapper">
                <div id="nav">
                    <nav class="navbar navbar-default">
                        <div class="tab-container">
                            <div class="container">
                                <!-- Tabs -->
                                <div id="mySettingScrollspy">
                                    <ul id="tab-area" class="nav navbar-nav">
                                        <li><a class="navbar-brand" id="navbar-name" href="#pagetop" data-bypass>{{i18n 'adminsetting.createFirstAccessprofile'}}</a></li>
                                        <li class="active"><a href="#basic" data-bypass>{{i18n 'adminsetting.basic'}}</a></li>
                                        <li><a href="#branding-image" data-bypass>{{i18n 'adminsetting.branding'}}</a></li>
                                        <li><a href="#success-timer" data-bypass>{{i18n 'adminsetting.successTimer'}}</a></li>
                                        <li><a href="#patient-orientation" data-bypass>{{i18n 'adminsetting.patientOrientation'}}</a></li>
                                        <li><a href="#chart-lock" data-bypass>{{i18n 'adminsetting.chartLocks'}}</a></li>
                                        <li><a href="#clinic-exceptions" data-bypass>{{i18n 'adminsetting.clinicexcepttab'}}</a></li>
                                        <li><a href="#languages-section" data-bypass>{{i18n 'adminsetting.languages'}}</a></li>
                                    </ul>
                                    <ul class="nav navbar-nav navbar-right">
                                        <li class="discard"><a id="discard-info" class="discard" href="#" data-bypass>{{i18n 'adminsetting.discardChanges'}}</a></li>
                                        <li><button type="submit" class="btn btn-warning btn-sm savebtn" data-loading-text="{{i18n 'adminsetting.saving'}}" id="save-btn">{{i18n 'adminsetting.save'}}</button></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
            <!-- Tab Panels -->
            <div class="tab-content">
                <div id="alert-wrapper" hidden>
                </div>
                <!-- Basic tab -->
                <div class="anchor-dummy" role="" id="basic">
                    <h1>{{i18n 'adminsetting.basic'}}</h1>
                    <div class="requiredWrapper">
                        <div class="col-lg-12 required">{{i18n 'FirstAccess.required'}}</div>
                    </div>
                    <div class="form-group paddingtop-10">
                        <label for="profile-name" class="col-xs-3 control-label">
                            <span class="asterix">*</span> {{i18n 'adminsetting.profilename'}}
                            <p class="help-info">{{i18n 'adminsetting.namehelp'}}</p>
                        </label>
                        <div class="col-xs-4">
                            <input id="profile-name" name="profile-name" type="text" data-onstyle="warning" class="form-control" value="{{Name}}" placeholder="{{i18n 'adminsetting.nameplaceholder'}}" maxlength="20" />
                        </div>
                        <div class="col-xs-4">
                            <span class="help-block float-left hidden control-label"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="signin-minutes" class="col-xs-3 control-label">
                            <span class="asterix">*</span> {{i18n 'adminsetting.findappointby'}}
                        </label>
                        <div class="col-xs-6">
                            <div class="controls form-inline">
                                <select id="findMethod1" name="findMethod1" class="form-control min-select-width">
                                    {{#each fMethod1}}
                                    <option value="{{val}}" {{#ifEquals val ../selectedfMethod1}} selected="selected" {{/ifEquals}}>
                                        {{text}}
                                    </option>
                                    {{/each}}
                                </select>
                                <span class="andseparate">{{i18n 'adminsetting.and'}}</span>
                                <select id="findMethod2" name="findMethod2" class="form-control min-select-width">
                                    {{#each fMethod2}}
                                    <option value="{{val}}" {{#ifEquals val ../selectedfMethod2}} selected="selected" {{/ifEquals}}>
                                        {{text}}
                                    </option>
                                    {{/each}}
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group paddingtop-20">
                        <label for="toggle-autofocus" class="col-xs-3 col-sm-3 col-md-3 col-lg-3 control-label">
                            {{i18n 'adminsetting.autofocusfirstfield'}}
                        </label>
                        <div class="col-xs-4">
                            <input id="toggle-autofocus" name="toggle-autofocus" type="checkbox" {{#ifEquals AutofocusFirstField 1}} checked{{/ifEquals}} class="toggle-input" data-onstyle="warning">
                        </div>
                    </div>
                    <div class="form-group paddingtop-20">
                        <label for="toggle-patientaccess" class="col-xs-3 col-sm-3 col-md-3 col-lg-3 control-label">
                            {{i18n 'adminsetting.allowpatientaccess'}}
                        </label>
                        <div class="col-xs-4">
                            <input {{#ifNotEquals EnablePatientAccess 1}} disabled {{/ifNotEquals}} id="toggle-patientaccess" name="toggle-patientaccess" type="checkbox" {{#ifEquals AllowPatientAccess 1}} checked{{/ifEquals}} class="toggle-input" data-onstyle="warning">
                        </div>
                    </div>
                    <div class="form-group group-setting margin-bottom-none">
                        <label for="signin-minutes" class="col-xs-3 control-label">
                            <span class="asterix">*</span> {{i18n 'adminsetting.signinminutes'}}
                            <p class="help-info">{{i18n 'adminsetting.signinminutesInfo'}}</p>
                        </label>
                        <div class="col-xs-9">
                            <div class="time-fraction-area paddingtop-10">
                                <input id="signin-minutes" name="signin-minutes" type="number" min="0" data-onstyle="warning" class="form-control" value="{{SigninMinutes}}" />
                            </div>
                            <div class="info-instruc">
                                <span class="float-left time-fraction margin-right-20">{{i18n 'adminsetting.minutes'}}</span>
                                <span class="float-left help-block hidden"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group group-setting margin-top-none">
                        <label for="audit-user" class="col-xs-3 control-label">
                            <span class="asterix">*</span> {{i18n 'adminsetting.kioskUser'}}
                        </label>
                        <div class="col-xs-4">
                            <input id="audit-user" name="audit-user" type="text" data-onstyle="warning" class="form-control typeahead" value="{{AuditUser}}" placeholder="{{i18n 'adminsetting.kioskUserPlaceholder'}}" />
                            <span class="help-block float-left hidden control-label"></span>
                        </div>
                    </div>

                    <div class="form-group group-setting">
                        <label for="practice" class="col-xs-3 control-label margin-right-15">
                            <span class="asterix">*</span> {{i18n 'adminsetting.belongToPractice'}}
                        </label>
                        <div class="controls form-inline">
                            <select id="practice" name="practice" class="form-control min-select-width max-select-width float-left margin-right-35">
                                <option value="" {{#unless ../selectedPractice}} selected="selected" {{/unless}}>{{i18n 'adminsetting.selectPractice'}}</option>
                                {{#each Practices}}
                                <option value="{{Id}}" {{#ifEquals Id ../selectedPractice}} selected="selected" {{/ifEquals}}>
                                    {{Code}}:&nbsp;{{Name}}
                                </option>
                                {{/each}}
                            </select>
                        </div>
                        <span class="help-block float-left hidden control-label"></span>
                    </div>
                    <div class="form-group group-setting">
                        <label for="signin-display" class="col-xs-3 control-label">
                            <span class="asterix">*</span> {{i18n 'adminsetting.uponPatientSignIn'}}
                        </label>
                        <div class="col-xs-9">
                            <div class="controls form-inline">
                                <select id="signInDisplay" name="signInDisplay" class="form-control min-select-width max-select-width">
                                    {{#each uponSignIn}}
                                    <option value="{{val}}" {{#ifEquals val ../selectedUponSignIn}} selected="selected" {{/ifEquals}}>
                                        {{text}}
                                    </option>
                                    {{/each}}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Branding tab -->
                <div class="anchor-dummy" role="" id="branding-image">
                    <h1>
                        {{i18n 'adminsetting.branding'}}
                        <span class="heading-secondary">
                            <small>{{i18n 'optional'}}</small>
                        </span>
                    </h1>
                    <div class="form-group group-setting">
                        <label for="logoImage" class="col-xs-3 control-label">
                            {{i18n 'adminsetting.logoImageLabel'}}<br /><span class="help-block">{{i18n 'adminsetting.logoImageInfo'}}</span>
                        </label>
                        <div class="col-md-6 paddingtop-10">
                            {{i18n 'adminsetting.selectFile'}}<br /><br />
                            <div id="logoImage" class="dropzone"></div>
                        </div>
                        <div class="col-md-3 gsetting-instruction">
                            <span class="gsetting-newline">{{i18n 'adminsetting.logoImageUploadDimensionHelpLabel'}}</span>
                            <span>{{i18n 'adminsetting.logoImageUploadDimensionHelp'}}</span><br /><br />
                            <span class="gsetting-newline">{{i18n 'adminsetting.logoImageUploadFormatHelpLabel'}}</span>
                            <span>{{i18n 'adminsetting.logoImageUploadFormatHelp'}}</span><br /><br />
                        </div>
                    </div>
                    <div class="form-group group-setting">
                        <label for="welcomeImage" class="col-xs-3 control-label">
                            {{i18n 'adminsetting.welcomeImageLabel'}}<br /><span class="help-block">{{i18n 'adminsetting.welcomeImageInfo'}}</span>
                        </label>
                        <div class="col-md-6 paddingtop-10">
                            {{i18n 'adminsetting.selectFile'}}
                            <br /><br />
                            <div id="welcomeImage" class="dropzone"></div>
                        </div>
                        <div class="col-md-3 gsetting-instruction">
                            <span class="gsetting-newline">{{i18n 'adminsetting.logoImageUploadDimensionHelpLabel'}}</span>
                            <span>{{i18n 'adminsetting.welcomeImageUploadDimensionHelp'}}</span><br /><br />
                            <span class="gsetting-newline">{{i18n 'adminsetting.logoImageUploadFormatHelpLabel'}}</span>
                            <span>{{i18n 'adminsetting.welcomeImageUploadFormatHelp'}}</span><br /><br />
                            <span class="gsetting-newline">{{i18n 'adminsetting.welcomeImageUploadFileSizeHelpLabel'}}</span>
                            <span>{{i18n 'adminsetting.welcomeImageUploadFileSizeHelp'}}</span>
                        </div>
                    </div>
                </div>
                <!-- Success Timer tab -->
                <div id="success-message" class="anchor-dummy" role="">
                </div>
                <!-- Patient Orientation tab -->
                <div id="patient-orientation" class="anchor-dummy" role="">
                </div>
                <!-- Chart Lock tab -->
                <div id="chart-lock-message" class="anchor-dummy" role="">
                </div>
                <!-- Clinic Exceptions tab -->
                <div id="clinic-exceptions" class="anchor-dummy" role="">
                </div>
                <!-- Languages tab -->
                <div id="languages_placeholder" class="anchor-dummy" role="">
                </div>
            </div>
        </form>
    </div>
</div>
{{/Page}}