{% extends "layout.html" %}
{% block body %}
<div class="discover">
  <h2>{{_('User list')}}</h2>
  <table class="table table-striped" id="table_user">
    <tr>
        <th>{{_('Nickname')}}</th>
        <th>{{_('Email')}}</th>
        <th>{{_('Kindle')}}</th>
        <th>{{_('DLS')}}</th>
        <th>{{_('Admin')}}</th>
        <th>{{_('Download')}}</th>
        <th>{{_('Upload')}}</th>
        <th>{{_('Edit')}}</th>
    </tr>
    {% for user in content %}
      {% if not user.role_anonymous() or config.config_anonbrowse %}
      <tr>
        <td><a href="{{url_for('edit_user', user_id=user.id)}}">{{user.nickname}}</a></td>
        <td>{{user.email}}</td>
        <td>{{user.kindle_mail}}</td>
        <td>{{user.downloads.count()}}</td>
        <td>{% if user.role_admin() %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</td>
        <td>{% if user.role_download() %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</td>
        <td>{% if user.role_upload() %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</td>
        <td>{% if user.role_edit() %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</td>
      </tr>
      {% endif %}
    {% endfor %}
  </table>
    <div class="btn btn-default" id="admin_new_user"><a href="{{url_for('new_user')}}">{{_('Add new user')}}</a></div>
  <h2>{{_('SMTP e-mail server settings')}}</h2>
  <table class="table table-striped" id="table_email">
    <tr>
        <th>{{_('SMTP hostname')}}</th>
        <th>{{_('SMTP port')}}</th>
        <th>{{_('SSL')}}</th>
        <th>{{_('SMTP login')}}</th>
        <th>{{_('From mail')}}</th>
    </tr>
      <tr>
        <td>{{email.mail_server}}</td>
        <td>{{email.mail_port}}</td>
        <td>{% if email.mail_use_ssl %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</td>
        <td>{{email.mail_login}}</td>
        <td>{{email.mail_from}}</td>
  </table>
    <div class="btn btn-default" id="admin_edit_email"><a href="{{url_for('edit_mailsettings')}}">{{_('Change SMTP settings')}}</a></div>
<div id="container">
  <h2>{{_('Configuration')}}</h2>
  <div class="col-xs-12 col-sm-6">
    <div class="Row">
        <div class="col-xs-6 col-sm-6">{{_('Calibre DB dir')}}</div>
        <div class="col-xs-6 col-sm-6">{{config.config_calibre_dir}}</div>
    </div>
    <div class="Row">  
        <div class="col-xs-6 col-sm-6">{{_('Log Level')}}</div>
        <div class="col-xs-6 col-sm-6">{{config.get_Log_Level()}}</div>
    </div>
    <div class="Row">    
        <div class="col-xs-6 col-sm-6">{{_('Port')}}</div>
        <div class="col-xs-6 col-sm-6">{{config.config_port}}</div>
    </div>
  </div>
  <div class="col-xs-12 col-sm-6">
    <div class="Row">
        <div class="col-xs-6 col-sm-7">{{_('Books per page')}}</div>
        <div class="col-xs-6 col-sm-5">{{config.config_books_per_page}}</div>
    </div>
    <div class="Row">
        <div class="col-xs-6 col-sm-7">{{_('Uploading')}}</div>
        <div class="col-xs-6 col-sm-5">{% if config.config_uploading %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</div>
    </div>
    <div class="Row">
        <div class="col-xs-6 col-sm-7">{{_('Public registration')}}</div>
        <div class="col-xs-6 col-sm-5">{% if config.config_public_reg %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</div>
    </div>
    <div class="Row">
        <div class="col-xs-6 col-sm-7">{{_('Remote Login')}}</div>
        <div class="col-xs-6 col-sm-5">{% if config.config_remote_login %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span class="glyphicon glyphicon-remove"></span>{% endif %}</div>
    </div>      
  </div>
</div>
    <div class="col-xs-12 col-sm-12">
        <p></p>
  <div class="btn btn-default"><a href="{{url_for('configuration')}}">{{_('Basic Configuration')}}</a></div>
  <div class="btn btn-default"><a href="{{url_for('view_configuration')}}">{{_('UI Configuration')}}</a></div>
    </div>
  <h2>{{_('Administration')}}</h2>
    <div>{{_('Current commit timestamp')}}: <span>{{commit}} </span></div>
    <div class="hidden" id="update_info">{{_('Newest commit timestamp')}}: <span></span></div>
    <p></p>
    <div class="btn btn-default" id="restart_database">{{_('Reconnect to Calibre DB')}}</div>
    <div class="btn btn-default" data-toggle="modal" data-target="#RestartDialog">{{_('Restart Calibre-Web')}}</div>
    <div class="btn btn-default" data-toggle="modal" data-target="#ShutdownDialog">{{_('Stop Calibre-Web')}}</div>
    <div class="btn btn-default" id="check_for_update">{{_('Check for update')}}</div>
    <div class="btn btn-default hidden" id="perform_update" data-toggle="modal" data-target="#UpdateprogressDialog">{{_('Perform Update')}}</div>
</div>
<!-- Modal -->
<div id="RestartDialog" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header bg-info"></div>
      <div class="modal-body text-center">
        <p>{{_('Do you really want to restart Calibre-Web?')}}</p>
          <div id="spinner" class="spinner"  style="display:none;">
                <img id="img-spinner" src="/static/css/images/loading-icon.gif"/>
          </div>
          <p></p>
        <button type="button" class="btn btn-default" id="restart" >{{_('Ok')}}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{{_('Back')}}</button>
      </div>
    </div>
  </div>
</div>
<div id="ShutdownDialog" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header bg-info">
      </div>
      <div class="modal-body text-center">
        <p>{{_('Do you really want to stop Calibre-Web?')}}</p>
        <button type="button" class="btn btn-default" id="shutdown" data-dismiss="modal">{{_('Ok')}}</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">{{_('Back')}}</button>
      </div>
    </div>

  </div>
</div>
<div id="UpdateprogressDialog" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header bg-info text-center">
      <span>{{_('Updating, please do not reload page')}}</span>
      </div>
      <div class="modal-body text-center">
          <div id="spinner2" class="spinner2"  style="display:none;">
                <img id="img-spinner" src="/static/css/images/loading-icon.gif"/>
          </div>
          <p></p>
         <div id="Updatecontent"></div>
          <p></p>
        <button type="button" class="btn btn-default hidden" id="updateFinished" data-dismiss="modal">{{_('Ok')}}</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}