{% extends 'edit.twig' %}

{% block inner_content %}
{% if result %}
  <h4 class="mb-4">{{ lang.syncjobs.source }}: {{ result.name }}</h4>
  <form class="form-horizontal" data-id="edit_imapsync_source" role="form" method="post">
    <input type="hidden" value="0" name="active">
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="name">{{ lang.syncjobs.source_name }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="name" id="name" maxlength="100" value="{{ result.name }}" required>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="description">{{ lang.syncjobs.source_description }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="description" id="description" maxlength="255" value="{{ result.description }}">
      </div>
    </div>
    {% if mailcow_cc_role == 'admin' or mailcow_cc_role == 'domainadmin' %}
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="scope">{{ lang.syncjobs.source_scope }}</label>
        <div class="col-sm-10">
          <select class="form-control imapsync-source-scope" name="scope" id="scope">
            {% if mailcow_cc_role == 'admin' %}
            <option value="all"{% if result.scope == 'all' %} selected{% endif %}>{{ lang.syncjobs.source_scope_all }}</option>
            {% endif %}
            <option value="domain"{% if result.scope == 'domain' %} selected{% endif %}>{{ lang.syncjobs.source_scope_domain }}</option>
            <option value="user"{% if result.scope == 'user' %} selected{% endif %}>{{ lang.syncjobs.source_scope_user }}</option>
          </select>
        </div>
      </div>
      <div class="row mb-2 imapsync-source-domains-row" style="display:{% if result.scope == 'domain' %}flex{% else %}none{% endif %};">
        <label class="control-label col-sm-2" for="domains">{{ lang.syncjobs.source_domains }}</label>
        <div class="col-sm-10">
          <select class="form-control imapsync-source-domains" name="domains[]" data-live-search="true" title="{{ lang.syncjobs.source_domains }}" multiple>
            {% for d in result.domains %}<option value="{{ d }}" selected>{{ d }}</option>{% endfor %}
          </select>
        </div>
      </div>
      <div class="row mb-2 imapsync-source-users-row" style="display:{% if result.scope == 'user' %}flex{% else %}none{% endif %};">
        <label class="control-label col-sm-2" for="users">{{ lang.syncjobs.source_users }}</label>
        <div class="col-sm-10">
          <select class="form-control imapsync-source-users" name="users[]" data-live-search="true" title="{{ lang.syncjobs.source_users }}" multiple>
            {% for u in result.users %}<option value="{{ u }}" selected>{{ u }}</option>{% endfor %}
          </select>
        </div>
      </div>
    {% else %}
      <p class="text-muted">{{ lang.syncjobs.source_scope }}: <code>{{ lang.syncjobs['source_scope_' ~ result.scope] }}</code></p>
    {% endif %}
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="host1">{{ lang.add.hostname }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="host1" id="host1" value="{{ result.host1 }}" required>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="port1">{{ lang.add.port }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="port1" id="port1" min="1" max="65535" value="{{ result.port1 }}" required>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="enc1">{{ lang.add.enc_method }}</label>
      <div class="col-sm-10">
        <select name="enc1" id="enc1">
          <option value="SSL"{% if result.enc1 == 'SSL' %} selected{% endif %}>SSL</option>
          <option value="TLS"{% if result.enc1 == 'TLS' %} selected{% endif %}>STARTTLS</option>
          <option value="PLAIN"{% if result.enc1 == 'PLAIN' %} selected{% endif %}>PLAIN</option>
        </select>
      </div>
    </div>
    <div class="row mb-4">
      <label class="control-label col-sm-2" for="auth_type">{{ lang.syncjobs.source_auth_type }}</label>
      <div class="col-sm-10">
        <select class="form-control imapsync-source-auth-type" name="auth_type" id="auth_type" required>
          <option value="PLAIN"{% if result.auth_type == 'PLAIN' %} selected{% endif %}>PLAIN</option>
          <option value="LOGIN"{% if result.auth_type == 'LOGIN' %} selected{% endif %}>LOGIN</option>
          <option value="CRAM-MD5"{% if result.auth_type == 'CRAM-MD5' %} selected{% endif %}>CRAM-MD5</option>
          <option value="XOAUTH2"{% if result.auth_type == 'XOAUTH2' %} selected{% endif %}>XOAUTH2 (OAuth2)</option>
        </select>
      </div>
    </div>
    <fieldset class="imapsync-source-oauth-block" style="display:{% if result.auth_type == 'XOAUTH2' %}block{% else %}none{% endif %};">
      <legend class="fs-5">{{ lang.syncjobs.source_oauth_block }}</legend>
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="oauth_flow">{{ lang.syncjobs.source_oauth_flow }}</label>
        <div class="col-sm-10">
          <select class="form-control imapsync-source-oauth-flow" name="oauth_flow" id="oauth_flow">
            <option value="client_credentials"{% if result.oauth_flow != 'authorization_code' %} selected{% endif %}>{{ lang.syncjobs.source_oauth_flow_app }}</option>
            <option value="authorization_code"{% if result.oauth_flow == 'authorization_code' %} selected{% endif %}>{{ lang.syncjobs.source_oauth_flow_user }}</option>
          </select>
        </div>
      </div>
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="oauth_token_endpoint">Token-Endpoint</label>
        <div class="col-sm-10">
          <input type="url" class="form-control" name="oauth_token_endpoint" id="oauth_token_endpoint" value="{{ result.oauth_token_endpoint }}">
        </div>
      </div>
      <div class="imapsync-source-authcode-block" style="display:{% if result.oauth_flow == 'authorization_code' %}block{% else %}none{% endif %};">
        <div class="row mb-2">
          <label class="control-label col-sm-2" for="oauth_authorize_endpoint">{{ lang.syncjobs.source_authorize_endpoint }}</label>
          <div class="col-sm-10">
            <input type="url" class="form-control" name="oauth_authorize_endpoint" id="oauth_authorize_endpoint" value="{{ result.oauth_authorize_endpoint }}">
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-2" for="oauth_userinfo_endpoint">{{ lang.syncjobs.source_userinfo_endpoint }}</label>
          <div class="col-sm-10">
            <input type="url" class="form-control" name="oauth_userinfo_endpoint" id="oauth_userinfo_endpoint" value="{{ result.oauth_userinfo_endpoint }}">
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-2">{{ lang.syncjobs.source_redirect_uri }}</label>
          <div class="col-sm-10">
            <input type="text" class="form-control imapsync-source-redirect-uri" readonly value="">
            <small class="text-muted">{{ lang.syncjobs.source_redirect_uri_hint }}</small>
          </div>
        </div>
      </div>
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="oauth_client_id">Client-ID</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" name="oauth_client_id" id="oauth_client_id" value="{{ result.oauth_client_id }}">
        </div>
      </div>
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="oauth_client_secret">Client-Secret</label>
        <div class="col-sm-10">
          <input type="password" class="form-control" name="oauth_client_secret" id="oauth_client_secret" placeholder="••••••••">
          <small class="text-muted">{{ lang.syncjobs.source_secret_unchanged_hint }}</small>
        </div>
      </div>
      <div class="row mb-2">
        <label class="control-label col-sm-2" for="oauth_scope">Scope</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" name="oauth_scope" id="oauth_scope" value="{{ result.oauth_scope }}">
        </div>
      </div>
      <div class="row mb-4">
        <label class="control-label col-sm-2" for="oauth_extra_params">Extra-Params (JSON)</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" name="oauth_extra_params" id="oauth_extra_params" value="{{ result.oauth_extra_params }}">
        </div>
      </div>
      <div class="row mb-4">
        <div class="offset-sm-2 col-sm-10">
          <p class="mb-1">
            {{ lang.syncjobs.source_token_status }}:
            {% if result.oauth_token_expires %}
              <code>{{ result.oauth_token_expires|date('Y-m-d H:i:s') }}</code>
            {% else %}
              <span class="text-muted">—</span>
            {% endif %}
          </p>
          {% if result.oauth_last_refresh_error %}
            <p class="text-danger">{{ lang.syncjobs.source_token_error }}: <code>{{ result.oauth_last_refresh_error }}</code></p>
          {% endif %}
          <button type="button" class="btn btn-sm btn-secondary" data-action="edit_selected" data-id="edit_imapsync_source" data-item="{{ result.id }}" data-api-url='edit/syncjob_source/refresh_token' data-api-attr='{}'>{{ lang.syncjobs.source_refresh_now }}</button>
        </div>
      </div>
    </fieldset>
    <div class="row mb-4">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="active"{% if result.active == '1' %} checked{% endif %}> {{ lang.edit.active }}</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <button class="btn btn-xs-lg d-block d-sm-inline btn-success" data-action="edit_selected" data-id="edit_imapsync_source" data-item="{{ result.id }}" data-api-url='edit/syncjob_source' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
      </div>
    </div>
  </form>
{% else %}
    {{ parent() }}
{% endif %}
{% endblock %}