{% extends theme("layout.html") %}
{% macro display_bool_setting(setting_value) -%}
  <span class="status-indicator">
    <i class="bi {{ 'bi-check-circle' if setting_value else 'bi-x-circle' }}" aria-hidden="true"></i>
  </span>
{%- endmacro %}
{% macro detail_row(label, value, label_classes='col-6 col-md-6', value_classes='col-6 col-md-6') -%}
  <div class="row g-2 py-2 border-top admin-detail-row">
    <div class="{{ label_classes }} fw-semibold text-body-secondary">{{ label }}</div>
    <div class="{{ value_classes }}">{{ value }}</div>
  </div>
{%- endmacro %}
{% block body %}
<div class="container-fluid admin-dashboard px-0 px-lg-2">
  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Users')}}</h2>
      {% if allUser.__len__() < 10 %}
      <div class="table-responsive">
        <table class="table table-striped align-middle mb-0" id="table_user">
          <thead>
            <tr>
              <th>{{_('Username')}}</th>
              <th>{{_('Email')}}</th>
              <th>{{_('Send to eReader Email')}}</th>
              <th>{{_('Downloads')}}</th>
              <th class="d-none d-sm-table-cell">{{_('Admin')}}</th>
              <th class="d-none d-md-table-cell">{{_('Password')}}</th>
              {% if config.config_uploading %}
              <th class="d-none d-md-table-cell">{{_('Upload')}}</th>
              {% endif %}
              <th class="d-none d-md-table-cell">{{_('Download')}}</th>
              <th class="d-none d-lg-table-cell">{{_('View Books')}}</th>
              <th class="d-none d-lg-table-cell">{{_('Edit')}}</th>
              <th class="d-none d-lg-table-cell">{{_('Delete')}}</th>
              <th class="d-none d-lg-table-cell">{{_('Public Shelf')}}</th>
            </tr>
          </thead>
          <tbody>
            {% for user in allUser %}
              {% if not user.role_anonymous() or config.config_anonbrowse %}
              <tr>
                <td><a class="session" href="{{url_for('admin.edit_user', user_id=user.id)}}">{{user.name}}</a></td>
                <td>{{user.email}}</td>
                <td>{{user.kindle_mail}}</td>
                <td>{{user.downloads.count()}}</td>
                <td class="d-none d-sm-table-cell">{{ display_bool_setting(user.role_admin()) }}</td>
                <td class="d-none d-md-table-cell">{{ display_bool_setting(user.role_passwd()) }}</td>
                {% if config.config_uploading %}
                <td class="d-none d-md-table-cell">{{ display_bool_setting(user.role_upload()) }}</td>
                {% endif %}
                <td class="d-none d-md-table-cell">{{ display_bool_setting(user.role_download()) }}</td>
                <td class="d-none d-lg-table-cell">{{ display_bool_setting(user.role_viewer()) }}</td>
                <td class="d-none d-lg-table-cell">{{ display_bool_setting(user.role_edit()) }}</td>
                <td class="d-none d-lg-table-cell">{{ display_bool_setting(user.role_delete_books()) }}</td>
                <td class="d-none d-lg-table-cell">{{ display_bool_setting(user.role_edit_shelfs()) }}</td>
              </tr>
              {% endif %}
            {% endfor %}
          </tbody>
        </table>
      </div>
      {% endif %}
      <div class="admin-actions d-flex flex-wrap gap-2 mt-3">
        {% if not simple %}
        <a class="btn btn-outline-secondary" id="admin_user_table" href="{{url_for('admin.edit_user_table')}}">{{_('Edit Users')}}</a>
        {% endif %}
        <a class="btn btn-outline-secondary" id="admin_new_user" href="{{url_for('admin.new_user')}}">{{_('Add New User')}}</a>
        {% if config.config_login_type == 1 %}
        <button type="button" class="btn btn-outline-secondary" id="import_ldap_users" data-bs-toggle="modal" data-bs-target="#StatusDialog">{{_('Import LDAP Users')}}</button>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Email Server Settings')}}</h2>
      {% if config.get_mail_server_configured() %}
        <div class="admin-detail-list">
          {% if config.mail_server_type == 0 %}
            {{ detail_row(_('SMTP Hostname'), config.mail_server, 'col-6 col-md-3', 'col-6 col-md-3') }}
            {{ detail_row(_('SMTP Port'), config.mail_port, 'col-6 col-md-3', 'col-6 col-md-3') }}
            {{ detail_row(_('Encryption'), display_bool_setting(config.mail_use_ssl), 'col-6 col-md-3', 'col-6 col-md-3') }}
            {{ detail_row(_('SMTP Login'), config.mail_login, 'col-6 col-md-3', 'col-6 col-md-3') }}
            {{ detail_row(_('From Email'), config.mail_from, 'col-6 col-md-3', 'col-6 col-md-3') }}
          {% else %}
            {{ detail_row(_('Email Service'), _('Gmail via Oauth2'), 'col-6 col-md-3', 'col-6 col-md-3') }}
            {{ detail_row(_('From Email'), config.mail_gmail_token['email'], 'col-6 col-md-3', 'col-6 col-md-3') }}
          {% endif %}
        </div>
      {% endif %}
      <div class="admin-actions d-flex flex-wrap gap-2 mt-3">
        <a class="btn btn-outline-secondary emailconfig" id="admin_edit_email" href="{{url_for('admin.edit_mailsettings')}}">{{_('Edit Email Server Settings')}}</a>
      </div>
    </div>
  </div>

  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Configuration')}}</h2>
      <div class="row g-4">
        <div class="col-12 col-lg-6">
          <div class="admin-detail-list">
            {{ detail_row(_('Calibre Database Directory'), config.config_calibre_dir) }}
            {{ detail_row(_('Log Level'), config.get_log_level()) }}
            {{ detail_row(_('Port'), config.config_port) }}
            {% if kobo_support and config.config_port != config.config_external_port %}
            {{ detail_row(_('External Port'), config.config_external_port) }}
            {% endif %}
          </div>
        </div>
        <div class="col-12 col-lg-6">
          <div class="admin-detail-list">
            {{ detail_row(_('Books per Page'), config.config_books_per_page, 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Uploads'), display_bool_setting(config.config_uploading), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Anonymous Browsing'), display_bool_setting(config.config_anonbrowse), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Public Registration'), display_bool_setting(config.config_public_reg), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Magic Link Remote Login'), display_bool_setting(config.config_remote_login), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Reverse Proxy Login'), display_bool_setting(config.config_allow_reverse_proxy_header_login), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {% if config.config_allow_reverse_proxy_header_login %}
            {{ detail_row(_('Reverse Proxy Header Name'), config.config_reverse_proxy_login_header_name, 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Reverse Proxy Trusted IPs/CIDRs'), config.config_reverse_proxy_trusted_ips, 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Reverse Proxy Shared Secret Header Name'), config.config_reverse_proxy_login_secret_header_name, 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Reverse Proxy Shared Secret Header'), display_bool_setting(config.config_reverse_proxy_use_shared_secret), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {{ detail_row(_('Reverse Proxy Shared Secret Configured'), display_bool_setting(config.config_reverse_proxy_login_header_secret_e), 'col-6 col-md-7', 'col-6 col-md-5') }}
            {% endif %}
          </div>
        </div>
      </div>
      <div class="admin-actions d-flex flex-wrap gap-2 mt-3">
        <a class="btn btn-outline-secondary" id="db_config" href="{{url_for('admin.db_configuration')}}">{{_('Edit Calibre Database Configuration')}}</a>
        <a class="btn btn-outline-secondary" id="basic_config" href="{{url_for('admin.configuration')}}">{{_('Edit Basic Configuration')}}</a>
        <a class="btn btn-outline-secondary" id="view_config" href="{{url_for('admin.view_configuration')}}">{{_('Edit UI Configuration')}}</a>
      </div>
    </div>
  </div>

  {% if feature_support['scheduler'] %}
  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Scheduled Tasks')}}</h2>
      <div class="scheduled_tasks_details admin-detail-list">
        {{ detail_row(_('Start Time'), schedule_time, 'col-6 col-md-3', 'col-6 col-md-3') }}
        {{ detail_row(_('Maximum Duration'), schedule_duration, 'col-6 col-md-3', 'col-6 col-md-3') }}
        {{ detail_row(_('Generate Thumbnails'), display_bool_setting(config.schedule_generate_book_covers), 'col-6 col-md-3', 'col-6 col-md-3') }}
        {{ detail_row(_('Reconnect Calibre Database'), display_bool_setting(config.schedule_reconnect), 'col-6 col-md-3', 'col-6 col-md-3') }}
        {{ detail_row(_('Generate Metadata Backup Files'), display_bool_setting(config.schedule_metadata_backup), 'col-6 col-md-3', 'col-6 col-md-3') }}
      </div>
      <div class="admin-actions d-flex flex-wrap gap-2 mt-3">
        <a class="btn btn-outline-secondary scheduledtasks" id="admin_edit_scheduled_tasks" href="{{url_for('admin.edit_scheduledtasks')}}">{{_('Edit Scheduled Tasks Settings')}}</a>
        {% if config.schedule_generate_book_covers %}
        <a class="btn btn-outline-secondary" id="admin_refresh_cover_cache">{{_('Refresh Thumbnail Cache')}}</a>
        {% endif %}
      </div>
    </div>
  </div>
  {% endif %}

  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Administration')}}</h2>
      <div class="admin-actions d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary" id="debug" href="{{url_for('admin.download_debug')}}">{{_('Download Debug Package')}}</a>
        <a class="btn btn-outline-secondary" id="logfile" href="{{url_for('admin.view_logfile')}}">{{_('View Logs')}}</a>
        <button type="button" class="btn btn-outline-secondary" id="restart_database" data-bs-toggle="modal" data-bs-target="#StatusDialog">{{_('Reconnect Calibre Database')}}</button>
        <button type="button" class="btn btn-outline-secondary" id="admin_restart" data-bs-toggle="modal" data-bs-target="#RestartDialog">{{_('Restart')}}</button>
        <button type="button" class="btn btn-outline-secondary" id="admin_stop" data-bs-toggle="modal" data-bs-target="#ShutdownDialog">{{_('Shutdown')}}</button>
        {% if config.schedule_metadata_backup %}
        <button type="button" class="btn btn-outline-secondary" id="metadata_backup" data-bs-toggle="modal" data-bs-target="#StatusDialog">{{_('Queue all books for metadata backup')}}</button>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="row mb-4">
    <div class="col">
      <h2 class="h4 mb-3">{{_('Version Information')}}</h2>
      <div class="table-responsive">
        <table class="table table-striped align-middle mb-0" id="update_table">
          <thead>
            <tr>
              <th class="col-4 col-xl-3">{{_('Version')}}</th>
              <th>{{_('Details')}}</th>
            </tr>
          </thead>
          <tbody>
            <tr id="current_version">
              <td>{{commit}}</td>
              <td><i>{{_('Current Version')}}</i></td>
            </tr>
          </tbody>
        </table>
      </div>
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% if feature_support['updater'] %}
      <div class="alert alert-danger d-none mt-3" id="update_error"><span>{{update_error}}</span></div>
      <div class="alert alert-warning d-none mt-3" id="update_info"><span></span></div>
      <div class="admin-actions d-flex flex-wrap gap-2 mt-3">
        <button type="button" class="btn btn-primary" id="check_for_update">{{_('Check for Update')}}</button>
        <button type="button" class="btn btn-primary d-none" id="perform_update" data-bs-toggle="modal" data-bs-target="#StatusDialog">{{_('Perform Update')}}</button>
      </div>
      {% endif %}
    </div>
  </div>
</div>

<!-- Modal -->
{% endblock %}
{% block modal %}
{{ change_confirm_modal() }}
<div id="RestartDialog" class="modal fade admin-modal" tabindex="-1" aria-labelledby="RestartDialogLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header bg-info-subtle">
        <h5 class="modal-title" id="RestartDialogLabel">{{_('Restart Calibre-Web')}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{_('Close')}}"></button>
      </div>
      <div class="modal-body text-center">
        <p>{{_('Are you sure you want to restart?')}}</p>
        <div id="spinner" class="spinner d-none">
          <img id="img-spinner" src="{{ url_for('static', filename='css/libs/images/loading-icon.gif') }}" alt="">
        </div>
        <p></p>
        <div class="d-flex justify-content-center gap-2">
          <button type="button" class="btn btn-primary" id="restart">{{_('OK')}}</button>
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{_('Cancel')}}</button>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="ShutdownDialog" class="modal fade admin-modal" tabindex="-1" aria-labelledby="ShutdownDialogLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header bg-info-subtle">
        <h5 class="modal-title" id="ShutdownDialogLabel">{{_('Stop Calibre-Web')}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{_('Close')}}"></button>
      </div>
      <div class="modal-body text-center">
        <p>{{_('Are you sure you want to shutdown?')}}</p>
        <div class="d-flex justify-content-center gap-2">
          <button type="button" class="btn btn-primary" id="shutdown" data-bs-dismiss="modal">{{_('OK')}}</button>
          <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{_('Cancel')}}</button>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="StatusDialog" class="modal fade admin-modal" tabindex="-1" aria-labelledby="StatusDialogLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header bg-info-subtle text-center" id="DialogHeader">
        <h5 class="modal-title w-100" id="StatusDialogLabel">{{_('Update Calibre-Web')}}</h5>
      </div>
      <div class="modal-body text-center">
        <div id="spinner2" class="spinner2 d-none">
          <img id="img-spinner2" src="{{ url_for('static', filename='css/libs/images/loading-icon.gif') }}" alt="">
        </div>
        <p></p>
        <div id="DialogContent"></div>
        <p></p>
        <button type="button" class="btn btn-primary d-none" id="DialogFinished" data-bs-dismiss="modal">{{_('OK')}}</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}