{% extends 'edit.twig' %}

{% block inner_content %}
{% if result %}
  <h4 class="mb-4">{{ lang.syncjobs.edit }}</h4>
  <form class="form-horizontal" data-id="editsyncjob" 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-4">
      <label class="control-label col-sm-2" for="source_id">{{ lang.syncjobs.source }}</label>
      <div class="col-sm-10">
        <select class="imapsync-source-select" name="source_id" id="source_id"
                data-live-search="true"
                data-current-source-id="{{ result.source_id }}"
                data-current-source-auth-type="{{ result.source_auth_type }}" required>
          <option value="{{ result.source_id }}" data-auth-type="{{ result.source_auth_type }}" data-oauth-flow="{{ result.source_oauth_flow }}" selected>{{ result.source_name }} ({{ result.source_host }}:{{ result.source_port }} / {{ result.source_auth_type }})</option>
        </select>
        <small class="text-muted oauth-source-hint" style="display:{% if result.source_auth_type == 'XOAUTH2' %}block{% else %}none{% endif %};">{{ lang.syncjobs.oauth_source_hint }}</small>
      </div>
    </div>
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="user1">{{ lang.edit.username }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="user1" id="user1" value="{{ result.user1 }}">
      </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">{{ lang.syncjobs.syncjob_oauth_connect }}</button>
        <span class="imapsync-oauth-connect-status ms-2"></span>
      </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.edit.password }}</label>
      <div class="col-sm-10">
        <input type="password" class="form-control" name="password1" id="password1" value="{{ result.password1 }}">
      </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" min="1" max="43800" value="{{ result.mins_interval }}" required>
        <small class="text-muted">1-43800</small>
      </div>
    </div>
    <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" for="custom_params">{{ lang.syncjobs.custom_params }}</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="custom_params" id="custom_params" value="{{ result.custom_params }}" placeholder="--some-param=xy --other-param=yx">
        <small class="text-muted">{{ lang.syncjobs.custom_params_hint }}</small>
      </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="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>
  {% if mailcow_cc_role == 'admin' %}
  <hr>
  <form class="form-horizontal" data-id="editsyncjob_order" role="form" method="post">
    <div class="row mb-2">
      <label class="control-label col-sm-2" for="order_id">{{ lang.syncjobs.order_id }}</label>
      <div class="col-sm-10">
        <input type="number" class="form-control" name="order_id" id="order_id" min="1" value="{{ result.order_id }}">
        <small class="text-muted">{{ lang.syncjobs.order_id_hint }}</small>
      </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-primary" data-action="edit_selected" data-id="editsyncjob_order" data-item="{{ result.id }}" data-api-url='edit/syncjob/order' data-api-attr='{}' href="#">{{ lang.syncjobs.set_position }}</button>
      </div>
    </div>
  </form>
  {% endif %}
{% else %}
    {{ parent() }}
{% endif %}
{% endblock %}