{% extends "pos/base.html" %}
{% load static %}

{% block title %}Email Server Settings{% endblock %}

{% block content %}
<div class="container-fluid mt-3">

  <div class="mb-2">
    <h4 class="mb-0">Email Server Settings</h4>
    <small class="text-muted">
      Tenant: {{ tenant_label }} (ID: {{ tenant_id }})
    </small>
  </div>

  <form method="post" class="card p-3">
    {% csrf_token %}

    <div class="row">
      <div class="col-md-4 mb-3">
        <label class="small mb-1">Profile name</label>
        {{ form.name }}
      </div>
      <div class="col-md-4 mb-3">
        <label class="small mb-1">From name</label>
        {{ form.from_name }}
      </div>
      <div class="col-md-4 mb-3">
        <label class="small mb-1">From email (override, optional)</label>
        {{ form.from_email_override }}
      </div>
    </div>

    <div class="row">
      <div class="col-md-5 mb-3">
        <label class="small mb-1">SMTP host</label>
        {{ form.host }}
      </div>
      <div class="col-md-2 mb-3">
        <label class="small mb-1">Port</label>
        {{ form.port }}
      </div>
      <div class="col-md-5 mb-3">
        <label class="small mb-1">Username</label>
        {{ form.username }}
      </div>
    </div>

    <div class="row">
      <div class="col-md-3 mb-3">
        <div class="form-check mt-4">
          {{ form.use_ssl }}
          <label class="form-check-label">Use SSL</label>
        </div>
      </div>
      <div class="col-md-3 mb-3">
        <div class="form-check mt-4">
          {{ form.use_tls }}
          <label class="form-check-label">Use TLS</label>
        </div>
      </div>
      <div class="col-md-3 mb-3">
        <div class="form-check mt-4">
          {{ form.is_active }}
          <label class="form-check-label">Active</label>
        </div>
      </div>
      <div class="col-md-3 mb-3">
        <label class="small mb-1">Reply-to (optional)</label>
        {{ form.reply_to }}
      </div>
    </div>

    <hr class="my-3">

    <div class="row">
      <div class="col-md-4 mb-3">
        <label class="small mb-1">Password</label>
        {{ form.password }}
        <small class="text-muted d-block">
          Leave blank to keep existing password.
        </small>
      </div>
      <div class="col-md-4 mb-3">
        <label class="small mb-1">Confirm password</label>
        {{ form.password_confirm }}
      </div>
    </div>

    {% if form.non_field_errors %}
      <div class="alert alert-danger">
        {{ form.non_field_errors }}
      </div>
    {% endif %}

    <div class="mt-2">
      <button type="submit" class="btn btn-primary">
        Save settings
      </button>
    </div>
  </form>
</div>
{% endblock %}