{% extends 'edit.twig' %}

{% block inner_content %}
{% if result %}
  <h4 class="mb-4">{{ lang.syncjobs.edit }}</h4>
  <form class="form-horizontal" data-id="editsyncjob" data-mailbox="{{ result.user2 }}" role="form" method="post">
    <input type="hidden" value="0" name="delete2duplicates">
    <input type="hidden" value="0" name="delete1">
    <input type="hidden" value="0" name="delete2">
    <input type="hidden" value="0" name="automap">
    <input type="hidden" value="0" name="skipcrossduplicates">
    <input type="hidden" value="0" name="active">
    <input type="hidden" value="0" name="subscribeall">
    <input type="hidden" value="0" name="dry">
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="user2_display">{{ lang.syncjobs.user2_label }}</label>
      <div class="col-sm-10">
        <input type="text" readonly class="form-control-plaintext" id="user2_display" value="{{ result.user2 }}">
      </div>
    </div>
    <div class="row mb-4">
      <label class="control-label col-sm-2" for="source_id">{{ lang.syncjobs.source }}</label>
      <div class="col-sm-10 imapsync-select-wrap">
        <select class="imapsync-source-select" name="source_id" id="source_id"
                data-live-search="true" data-show-subtext="true" data-width="100%"
                data-current-source-id="{{ result.source_id }}"
                data-current-source-name="{{ result.source_name }}"
                data-current-source-host="{{ result.source_host }}"
                data-current-source-port="{{ result.source_port }}"
                data-current-source-auth-type="{{ result.source_auth_type }}"
                data-current-source-oauth-flow="{{ result.source_oauth_flow }}" title="{{ lang.syncjobs.source_select }}" required>
          {% if result.source_id %}
          <option value="{{ result.source_id }}" data-auth-type="{{ result.source_auth_type }}" data-oauth-flow="{{ result.source_oauth_flow }}" data-subtext="{{ result.source_host }}:{{ result.source_port }} · {{ result.source_auth_type }}" selected>{{ result.source_name }}</option>
          {% endif %}
        </select>
        {% if not result.source_id %}
        <div class="alert alert-warning mt-2 mb-0" role="alert"><i class="bi bi-exclamation-triangle" aria-hidden="true"></i> {{ lang.syncjobs.source_missing }}</div>
        {% endif %}
        <div class="imapsync-no-source d-none mt-2"><small class="text-muted">{{ lang.syncjobs.no_sources }}</small></div>
      </div>
    </div>
    <div class="row mb-2 imapsync-user1-row" style="display:{% if result.source_oauth_flow == 'authorization_code' %}none{% else %}flex{% endif %};">
      <label class="control-label col-sm-2" for="user1">{{ lang.syncjobs.user1_label }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="user1" id="user1" value="{{ result.user1 }}" autocomplete="off">
      </div>
    </div>
    <div class="row mb-2 imapsync-oauth-connect-row" style="display:{% if result.source_oauth_flow == 'authorization_code' %}flex{% else %}none{% endif %};">
      <div class="offset-sm-2 col-sm-10">
        <button type="button" class="btn btn-sm btn-primary imapsync-oauth-connect-btn"><i class="bi bi-box-arrow-up-right" aria-hidden="true"></i> {{ lang.syncjobs.syncjob_oauth_connect }}</button>
        {% if result.user_token_exists == 1 and not result.user_token_error %}
        <span class="imapsync-oauth-connect-status ms-2 text-success" role="status" aria-live="polite">{{ lang.syncjobs.syncjob_oauth_connected }}: {{ result.user1 }}</span>
        {% elseif result.user_token_error %}
        <span class="imapsync-oauth-connect-status ms-2 text-danger" role="status" aria-live="polite">{{ lang.syncjobs.token_state_failed }}: {{ result.user1 }}</span>
        {% else %}
        <span class="imapsync-oauth-connect-status ms-2 text-warning" role="status" aria-live="polite">{{ lang.syncjobs.token_state_pending }}</span>
        {% endif %}
        <div><small class="text-muted">{{ lang.syncjobs.oauth_hint }}</small></div>
      </div>
    </div>
    <div class="row mb-4 password1-row" style="display:{% if result.source_auth_type == 'XOAUTH2' %}none{% else %}flex{% endif %};">
      <label class="control-label col-sm-2" for="password1">{{ lang.syncjobs.password1_label }}</label>
      <div class="col-sm-10">
        <input type="password" class="form-control" name="password1" id="password1" value="" placeholder="{{ lang.edit.unchanged_if_empty }}" autocomplete="new-password">
        <small class="text-muted">{{ lang.edit.unchanged_if_empty }}</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="mins_interval">{{ lang.syncjobs.mins_interval }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="mins_interval" id="mins_interval" min="1" max="43800" value="{{ result.mins_interval }}" required>
        <small class="text-muted">1-43800</small>
      </div>
    </div>
    {% if mailcow_cc_role == 'admin' %}
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="prio">{{ lang.syncjobs.prio }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="prio" id="prio" min="0" value="{{ result.prio }}">
        <small class="text-muted">{{ lang.syncjobs.prio_hint }}</small>
      </div>
    </div>
    {% endif %}
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="subfolder2">{{ lang.syncjobs.subfolder2|raw }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="subfolder2" id="subfolder2" value="{{ result.subfolder2 }}">
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="maxage">{{ lang.syncjobs.maxage|raw }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="maxage" id="maxage" min="0" max="32000" value="{{ result.maxage }}">
        <small class="text-muted">0-32000</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="maxbytespersecond">{{ lang.syncjobs.maxbytespersecond|raw }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="maxbytespersecond" id="maxbytespersecond" min="0" max="125000000" value="{{ result.maxbytespersecond }}">
        <small class="text-muted">0-125000000</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="timeout1">{{ lang.syncjobs.timeout1 }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="timeout1" id="timeout1" min="1" max="32000" value="{{ result.timeout1 }}">
        <small class="text-muted">1-32000</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="timeout2">{{ lang.syncjobs.timeout2 }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="timeout2" id="timeout2" min="1" max="32000" value="{{ result.timeout2 }}">
        <small class="text-muted">1-32000</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="exclude">{{ lang.syncjobs.exclude }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="exclude" id="exclude" value="{{ result.exclude }}">
      </div>
    </div>
    <div class="row mb-4">
      <label class="control-label col-sm-2" id="custom_params_label">{{ lang.syncjobs.custom_params }}</label>
      <div class="col-sm-10">
        <div class="imapsync-cp-editor" role="group" aria-labelledby="custom_params_label">
          <div class="imapsync-cp-rows"></div>
          <button type="button" class="btn btn-sm btn-secondary imapsync-cp-add"><i class="bi bi-plus-lg" aria-hidden="true"></i> {{ lang.syncjobs.custom_param_add }}</button>
        </div>
        <input type="hidden" name="custom_params" class="imapsync-cp-value" value="{{ result.custom_params }}">
        <small class="text-muted d-block mt-1">{{ lang.syncjobs.custom_params_hint }}</small>
      </div>
    </div>
    {% if result.custom_params_legacy %}
    <div class="row mb-4">
      <label class="control-label col-sm-2" for="custom_params_legacy_display">{{ lang.syncjobs.custom_params_legacy }}</label>
      <div class="col-sm-10">
        <div class="alert alert-warning mb-2"><i class="bi bi-exclamation-triangle"></i> {{ lang.syncjobs.custom_params_legacy_hint }}</div>
        <textarea class="form-control font-monospace" id="custom_params_legacy_display" rows="2" readonly>{{ result.custom_params_legacy }}</textarea>
      </div>
    </div>
    {% endif %}
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="delete2duplicates"{% if result.delete2duplicates == '1' %} checked{% endif %}> {{ lang.syncjobs.delete2duplicates }} (--delete2duplicates)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="delete1"{% if result.delete1 == '1' %} checked{% endif %}> {{ lang.syncjobs.delete1 }} (--delete1)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="delete2"{% if result.delete2 == '1' %} checked{% endif %}> {{ lang.syncjobs.delete2 }} (--delete2)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="automap"{% if result.automap == '1' %} checked{% endif %}> {{ lang.syncjobs.automap }} (--automap)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="skipcrossduplicates"{% if result.skipcrossduplicates == '1' %} checked{% endif %}> {{ lang.syncjobs.skipcrossduplicates }} (--skipcrossduplicates)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="subscribeall"{% if result.subscribeall == '1' %} checked{% endif %}> {{ lang.syncjobs.subscribeall }} (--subscribeall)</label>
        </div>
      </div>
    </div>
    <div class="row mb-2">
      <div class="offset-sm-2 col-sm-10">
        <div class="form-check">
          <label><input type="checkbox" class="form-check-input" value="1" name="dry"{% if result.dry == '1' %} checked{% endif %}> {{ lang.syncjobs.dry }} (--dry)</label>
        </div>
      </div>
    </div>
    <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="editsyncjob" data-item="{{ result.id }}" data-api-url='edit/syncjob' data-api-attr='{}' href="#">{{ lang.edit.save }}</button>
      </div>
    </div>
  </form>
{% else %}
    {{ parent() }}
{% endif %}
{% endblock %}