{% extends 'base.html' %}

{% block pagecontent %}

<div class="container-fluid" >

  <div class="row mt-2 justify-content-center" id="alert-box">
    <div class="col-sm-12 col-md-9" >
      {% raw flash_messages %}
    </div>
  </div>

  {% if current_user['user_role'] == 'superuser' %}
  <div class="row mt-2" >

    <div class="col-sm-12 col-md-4" >
      <h3>Site settings</h3>
      <form action="/admin/site" method="post" id="admin-site-update-form">
        {% module xsrf_form_html() %}

        <div class="form-group" >
          <label for="projectname" >Project name</label>
          <input type="text" class="form-control"
                 name="projectname" id="projectname" required
                 placeholder="The project's name"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['project'] }}">
        </div>

        <div class="form-group" >
          <label for="projectlink" >Project link URL</label>
          <input type="text" class="form-control"
                 name="projectlink" id="projectlink" required
                 placeholder="The project's URL"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['project_link'] }}">
        </div>

        <div class="form-group" >
          <label for="institution" >Institution</label>
          <input type="text" class="form-control"
                 name="institution" id="institution" required
                 placeholder="The institution affiliated with this project"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['institution'] }}">
        </div>

        <div class="form-group" >
          <label for="institutionlink" >Institution link URL</label>
          <input type="text" class="form-control"
                 name="institutionlink" id="institutionlink" required
                 placeholder="URL for the institution's website"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['institution_link'] }}">
        </div>

        <div class="form-group" >
          <label for="institutionlogo" >Institution logo file in <code>site-static</code> folder</label>
          <input type="text" class="form-control"
                 name="institutionlogo" id="institutionlogo"
                 placeholder="Path to the logo file in the server's site-static folder"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['institution_logo'] or '' }}">
        </div>

        <div class="form-group" >
          <label for="department" >Department</label>
          <input type="text" class="form-control"
                 name="department" id="department" required
                 placeholder="The department of the institution"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['department'] }}">
        </div>

        <div class="form-group" >
          <label for="departmentlink" >Department link URL</label>
          <input type="text" class="form-control"
                 name="departmentlink" id="departmentlink" required
                 placeholder="URL for the institution's department"
                 minlength="5" maxlength="1024"
                 value="{{ siteinfo['department_link'] }}">
        </div>

        <button type="submit" class="btn btn-primary" id="admin-site-update" >
          Update site settings
        </button>


      </form>
    </div>

    <div class="col-sm-12 col-md-4" >
      <h3>Email server and sign-ins</h3>
      <form action="/admin/email" method="post" id="admin-email-update-form">
        {% module xsrf_form_html() %}

        <fieldset>

          <div class="form-group" >
            <label for="emailsender" >Email sender address</label>
            <input type="email" class="form-control"
                   name="emailsender" id="emailsender" required
                   placeholder="The email address used in outgoing emails"
                   minlength="5" maxlength="1024"
                   value="{{ siteinfo['email_sender'] }}">
          </div>

          <div class="form-group" >
            <label for="emailserver" >Email server</label>
            <input type="text" class="form-control"
                   name="emailserver" id="emailserver" required
                   placeholder="The email server to use for email sending"
                   minlength="5" maxlength="1024"
                   value="{{ siteinfo['email_server'] }}">
          </div>

          <div class="form-group" >
            <label for="emailport" >SMTP port for email server</label>
            <input type="text" class="form-control"
                   name="emailport" id="emailport" required
                   placeholder="The email port to use for email sending"
                   minlength="5" maxlength="1024"
                   value="{{ siteinfo['email_port'] }}">
          </div>

          <div class="form-group" >
            <label for="emailuser" >User name for email server</label>
            <input type="text" class="form-control"
                   name="emailuser" id="emailuser" required
                   placeholder="The user name for the email server"
                   minlength="5" maxlength="1024"
                   value="{{ siteinfo['email_user'] }}">
          </div>

          <div class="form-group" >
            <label for="emailpass" >Password for email server</label>
            <input type="password" class="form-control"
                   name="emailpass" id="emailpass" required
                   placeholder="The password for the email server"
                   minlength="5" maxlength="1024"
                   value="{{ siteinfo['email_pass'] }}">
          </div>

        </fieldset>

        <fieldset class="mt-2" >
          <legend>Are <strong>existing users</strong> allowed to sign in?</legend>

          {% if siteinfo['logins_allowed'] is True %}

          <div class="form-check form-check-inline">
            <input type="radio" id="loginradio-yes" value="login-allowed" name="loginradio" class="form-check-input" checked>
            <label class="form-check-label" for="loginradio-yes">Yes</label>
          </div>
          <div class="form-check form-check-inline">
            <input type="radio" id="loginradio-no" value="login-disallowed" name="loginradio" class="form-check-input">
            <label class="form-check-label" for="loginradio-no">No</label>
          </div>

          {% else %}

          <div class="form-check form-check-inline">
            <input type="radio" id="loginradio-yes" value="login-allowed" name="loginradio" class="form-check-input">
            <label class="form-check-label" for="loginradio-yes">Yes</label>
          </div>
          <div class="form-check form-check-inline">
            <input type="radio" id="loginradio-no" value="login-disallowed" name="loginradio" class="form-check-input" checked>
            <label class="form-check-label" for="loginradio-no">No</label>
          </div>

          {% end %}

        </fieldset>

        <fieldset>
          <legend>Are <strong>new users</strong> allowed to sign up?</legend>

          {% if siteinfo['signups_allowed'] is True %}

          <div class="form-check form-check-inline">
            <input type="radio" id="signupradio-yes" value="signup-allowed" name="signupradio" class="form-check-input" checked>
            <label class="form-check-label" for="signupradio-yes">Yes</label>
          </div>
          <div class="form-check form-check-inline">
            <input type="radio" id="signupradio-no" value="signup-disallowed" name="signupradio" class="form-check-input">
            <label class="form-check-label" for="signupradio-no">No</label>
          </div>

          {% else %}

          <div class="form-check form-check-inline">
            <input type="radio" id="signupradio-yes" value="signup-allowed" name="signupradio" class="form-check-input">
            <label class="form-check-label" for="signupradio-yes">Yes</label>
          </div>
          <div class="form-check form-check-inline">
            <input type="radio" id="signupradio-no" value="signup-disallowed" name="signupradio" class="form-check-input" checked>
            <label class="form-check-label" for="signupradio-no">No</label>
          </div>

          {% end %}

        </fieldset>

        <button type="submit" class="btn btn-primary mt-4" id="admin-email-update" >
          Update email server and sign-ins
        </button>

      </form>
    </div>

    <div class="col-sm-12 col-md-4 user-list" >
      <h3>User accounts</h3>

      <form id="admin-users-update-form">
        {% module xsrf_form_html() %}

        {% for item in userlist %}
        <div class="row" >
          <div class="col-12" >
            <h5>User ID: {{ item['user_id'] }}</h5>

            <table class="table table-hover table-sm">

              <tr>
                <th scope="row">User is active</th>
                <td>{{ item['is_active'] }}</td>
              </tr>

              <tr>
                <th scope="row">Created</th>
                <td class="moment-format">{{ item['created_on'] }}Z</td>
              </tr>

            </table>

          </div>
        </div>

        <div class="row" >
          <div class="col-12" >

            {% if item['user_id'] not in (2,3) %}

            <div class="form-group" >
              <label for="userlist-email-id{{ item['user_id'] }}"">Email address</label>
              <input type="email" class="form-control userlist-emailaddress"
                     id="userlist-email-id{{ item['user_id'] }}"
                     data-userid="{{ item['user_id'] }}"
                     placeholder="User's email address"
                     minlength="5" maxlength="1024"
                     value="{{ item['email'] }}" required>
            </div>

            <div class="form-group" >
              <label for="userlist-fullname-id{{ item['user_id'] }}">Full name</label>
              <input type="text" class="form-control userlist-fullname"
                     id="userlist-fullname-id{{ item['user_id'] }}"
                     data-userid="{{ item['user_id'] }}"
                     placeholder="User's full name"
                     minlength="5" maxlength="1024"
                     value="{{ item['full_name'] or '' }}" required>
            </div>

            <div class="form-group" >
              <label for="userlist-role-id{{ item['user_id'] }}">User role</label>
              <input type="text" class="form-control userlist-role"
                     id="userlist-role-id{{ item['user_id'] }}"
                     data-userid="{{ item['user_id'] }}"
                     pattern="superuser|staff|authenticated|locked"
                     placeholder="User's role"
                     minlength="5" maxlength="1024"
                     value="{{ item['user_role'] }}" required>
              <small class="form-text text-muted" >
                Must be one of <code>superuser</code>,  <code>staff</code>,
                <code>authenticated</code>,  <code>locked</code>.
              </small>
            </div>

            {% else %}

            <table class="table table-hover table-sm">

              <tr>
                <th scope="row">Email address</th>
                <td>{{ item['email'] }}</td>
              </tr>

              <tr>
                <th scope="row">User role</th>
                <td>{{ item['user_role'] }}</td>
              </tr>

            </table>

            {% end %}

          </div>
        </div>

        <div class="row mb-4" >
          <div class="col-12 d-flex justify-content-center align-items-center" >

            {% if item['user_id'] not in (2,3) %}

            <button type="button"
                    class="btn btn-outline-danger btn-sm admin-user-update-btn"
                    data-userid="{{ item['user_id'] }}">
              Update this user
            </button>

            {% end %}

          </div>
        </div>

        {% end %}

      </form>

    </div>
  </div>

  {% end %}

  <div class="row mt-4" >
    <div class="col-12">

      <h3>All recent datasets</h3>

      <p>As superuser or staff, you can edit metadata (owner, visibility, name,
      description, citation) for these datasets.</p>

      <table id="lcc-datasets-table" class="table table-hover table-sm">

        <thead class="bg-light">
          <tr>
            <th scope="col" width="100">Set ID</th>
            <th scope="col" width="80">Objects</th>
            <th scope="col" width="350">Query</th>
            <th scope="col" width="150">Products</th>
            <th scope="col" width="150">Last updated</th>
          </tr>
        </thead>

        <form action="/admin/datasets" method="post" id="admin-datasets-form" >
          {% module xsrf_form_html() %}
          <tbody id="lcc-datasets-tablerows">

          </tbody>
        </form>

      </table>

    </div>
  </div>

</div>

{% end %}

{% block pagejs_modules %}
<script src="{{ static_url('js/lcc-server-admin.js') }}"></script>
{% end %}

{% block pagejs %}

$(document).ready(function() {

// format all the moments
$('.moment-format').each(function (index, elem) {

// get the text we need
var mt = moment($(this).text()).fromNow();
$(this).html($(this).text() + ' <strong>(' + mt + ')</strong>');

});

// get the most recent 1000 datasets on the server
lcc_ui.get_recent_datasets(1000, null, false);

// UI action setup
lcc_ui.action_setup();

// admin action setup
lcc_admin.action_setup();

});

{% end %}