{{#extends "_layout"}}
    {{#override "head"}}
        {{#if localeLinks}}
            <script type="text/javascript" language="javascript" src="{{asset "@CurrentStyle/js/locale.js"}}"></script>
        {{/if}}
        <script type="text/javascript" language="javascript" src="{{asset "@CurrentStyle/js/dashboard.js"}}"></script>
    {{/override}}

    {{#override "content"}}
        <br/>
        {{#if needUpdate}}
            <div id="form-message"><img src="{{asset "@CurrentStyle/images/dash/warning.png"}}" alt="" class="warning" /> {{l10n "Please run the <a href=\"{0}\">Update wizard</a> to adjust your database." (route "update")}}</div>
            <br/>
        {{/if}}

        {{#if warnOffline}}
            {{#unless isOnline}}
             <div class="container-fluid"> 
			   <div class="col-md-4"></div>
			   <div class="col-md-4"> <div id="offline-dashboard-warning"><img src="{{asset "@CurrentStyle/images/dash/warning.png"}}" alt="" class="warning"/> {{{l10n "You are Offline. <a href=\"{0}\">Connect...</a>" (route "users")}}}</div>
               </div><div class="col-md-4"></div>
			</div>   
			    <br/>
            {{/unless}}
        {{/if}}

        <div id="dashboard">
            <div class="dashboard-item">
                <div class="dashboard-item-content">
                    <img src="{{asset "@CurrentStyle/images/dash/visitors.png"}}" class="center-block" alt=""/>
					<a href="{{route "users"}}" class="text-center">
                        {{l10n "Visitors"}}
                    </a>
					<p class="text-center"> {{l10n "You can find awaiting visitors."}}</p>
                </div>
            </div>

            <div class="dashboard-item">
                <div class="dashboard-item-content">
                    <img src="{{asset "@CurrentStyle/images/dash/history.png"}}" class="center-block" alt=""/>
                    <a href="{{route "history"}}" class="text-center">
                        {{l10n "Chat history"}}
                    </a>
                    <p class="text-center">{{l10n "Search the dialogs history."}}</p>
                </div>
            </div>

            {{#if showstat}}
                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/statistics.png"}}" class="center-block" alt=""/>
                        <a href="{{route "statistics"}}" class="text-center">
                            {{l10n "Report"}}
                        </a>
                        <p class="text-center">{{l10n "From this page you can generate a variety of usage reports."}}</p>
                    </div>
                </div>
            {{/if}}

            {{#if showban}}
                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/blocked.png"}}" class="center-block" alt=""/>
                        <a href="{{route "bans"}}" class="text-center">
                            {{l10n "Blocked visitors"}}
                        </a>
                        <p class="text-center">{{l10n "Here you can block malicious visitors."}}</p>
                    </div>
                </div>
            {{/if}}

           <!-- <div class="dashboard-item">
                <div class="dashboard-item-content">
                    <img src="{{asset "@CurrentStyle/images/dash/canned.png"}}" class="center-block" alt=""/>
                    <a href="{{route "canned_messages"}}" class="text-center">
                        {{l10n "Chatbot"}}
                    </a>
                    <p class="text-center">{{l10n "Edit messages that you frequently type into the chat."}}</p>
                </div>
            </div>-->

            {{#if showadmin}}
                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/wizard.png"}}" class="center-block" alt=""/>
                        <a href="{{route "button_code"}}" class="text-center">
                            {{l10n "Button code"}}
                        </a>
                       <p class="text-center">{{l10n "Button HTML code generation."}}</p>
                    </div>
                </div>

                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/operator.png"}}" class="center-block" alt=""/>
                        <a href="{{route "operators"}}" class="text-center">
                            {{l10n "Operators"}}
                        </a>
                       <p class="text-center"> {{l10n "Create or delete company operators. Manage their permissions."}}</p>
                    </div>
                </div>

                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/group.png"}}" class="center-block" alt=""/>
                        <a href="{{route "groups"}}" class="text-center">
                            {{l10n "Groups"}}
                        </a>
                        <p class="text-center">{{l10n "Department or skill based groups."}}</p>
                    </div>
                </div>

                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/settings.png"}}" class="center-block" alt=""/>
                        <a href="{{route "settings_common"}}" class="text-center">
                            {{l10n "Settings"}}
                        </a>
                        <p class="text-center">{{l10n "Specify options affecting chat window and common system behavior."}}</p>
                    </div>
                </div>

                
              

              <!--  <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/translations.png"}}" class="center-block" alt=""/>
                        <a href="{{route "translations"}}" class="text-center">
                            {{l10n "Translations"}}
                        </a>
                       <p class="text-center">{{l10n "Manage translations."}}</p>
                    </div>
                </div>-->

                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/mail_templates.png"}}" class="center-block" alt=""/>
                        <a href="{{route "mail_templates"}}" class="text-center">
                            {{l10n "Mail templates"}}
                        </a>
                        <p class="text-center">{{l10n "Manage mail templates."}}</p>
                    </div>
                </div>
            {{/if}}

            {{#if currentopid}}
                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/profile.png"}}" class="center-block"  alt=""/>
                        <a href="{{route "operator_edit" operator_id=currentopid}}" class="text-center">
                            {{l10n "Profile"}}
                        </a>
                        <p class="text-center">{{l10n "You can change your personal information on this page."}}</p>
                    </div>
                </div>
            {{/if}}

            {{#if localeLinks}}
                <div class="dashboard-item">
                    <div class="dashboard-item-content">
                        <img src="{{asset "@CurrentStyle/images/dash/locale.png"}}" class="center-block"  alt=""/>
                        <a href="#" id="change-language" class="text-center">
                            {{l10n "Language"}}
                        </a>
                        <p class="text-center">{{l10n "Change locale."}}</p>
                    </div>
                </div>
            {{/if}}

          
            <div class="dashboard-item">
                <div class="dashboard-item-content">
                    <img src="{{asset "@CurrentStyle/images/dash/exit.png"}}" class="center-block" alt=""/>
                    <a href="{{route "logout"}}" class="text-center">
                        {{l10n "Log Out"}}
                    </a>
                    <p class="text-center">{{l10n "Log out of the system."}}</p>
                </div>
            </div>

        </div>

        {{#if localeLinks}}
            <div id="dashboard-locales-popup">
                <a href="#" id="dashboard-locales-popup-close"><img src="{{asset "@CurrentStyle/images/dash/close.gif"}}" alt="X"/></a>
                <h2><img src="{{asset "@CurrentStyle/images/dash/locale.png"}}" alt=""/><b>{{l10n "Choose your language"}}</b></h2>
                <ul class="locales">
                    {{#each localeLinks}}
                        <li{{#ifEqual currentLocale @key}} class="active"{{/ifEqual}}><a href="?locale={{@key}}">{{this}}</a></li>
                    {{/each}}
                </ul>
            </div>
            <div id="background-popup"></div>
        {{/if}}
    {{/override}}
{{/extends}}