{% extends "layout.html" %}
{% block title %}{{ zone.slug }} settings — Abilian CDN{% endblock %}
{% block content %}
<h1>{{ zone.slug }}</h1>
<p class="crumbs"><a href="/_/ui/zones/{{ zone.slug }}/">{{ zone.slug }}</a> settings</p>

{% if saved %}<p class="notice once">Saved.</p>{% endif %}
{% if purged is defined %}<p class="notice once">Purged {{ purged }} cached entries.</p>{% endif %}
{% if error %}<p class="notice error">{{ error }}</p>{% endif %}

<form class="stack wide" method="post" action="/_/ui/zones/{{ zone.slug }}/settings">
  <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">

  <label>Visibility
    <select name="visibility">
      <option value="public" {% if zone.visibility == "public" %}selected{% endif %}>
        public — anyone with the URL
      </option>
      <option value="private" {% if zone.visibility == "private" %}selected{% endif %}>
        private — only a URL this service signed
      </option>
    </select>
  </label>

{% if zone.kind == "pull" %}
  <label>Origin
    <input type="text" name="origin_url" value="{{ zone.origin_url }}" required
           placeholder="https://origin.example.com">
  </label>

  <fieldset>
    <legend>How long the origin's answers are kept</legend>
    <label>Minimum seconds
      <input type="text" name="min_ttl" value="{{ zone.min_ttl }}">
    </label>
    <label>Maximum seconds
      <input type="text" name="max_ttl" value="{{ zone.max_ttl }}">
    </label>
    <label>Seconds to remember a missing path
      <input type="text" name="negative_ttl" value="{{ zone.negative_ttl }}">
    </label>
  </fieldset>
{% endif %}

  <label>Hostname of its own
    <input type="text" name="custom_domain" value="{{ zone.custom_domain or '' }}"
           placeholder="assets.example.com — point a CNAME here first">
  </label>

  <label>Cache-Control
    <input type="text" name="cache_control" value="{{ zone.cache_control }}">
  </label>

{% if zone.kind == "storage" %}
  <label>Storage quota
    <input type="text" name="quota_bytes" value="{{ zone.quota_bytes or '' }}"
           placeholder="10G, 500M — empty means no cap of its own">
    <span class="muted">
      Holding {{ usage.zone_bytes | filesize }}{% if usage.zone_cap %} of
      {{ usage.zone_cap | filesize }}{% endif %}.
      {% if usage.organisation_cap %}
      This organisation holds {{ usage.organisation_bytes | filesize }}
      of {{ usage.organisation_cap | filesize }} across every zone.
      {% endif %}
    </span>
  </label>
{% endif %}

  <label>Referrers allowed to embed
    <input type="text" name="referrers" value="{{ zone.referrers | join(', ') }}"
           placeholder="example.com, www.example.com — empty means anyone">
  </label>

  <label>Origins allowed to fetch from a script
    <input type="text" name="cors_origins" value="{{ zone.cors_origins | join(', ') }}"
           placeholder="https://app.example.com — empty means * on a public zone">
  </label>

  <button class="primary" type="submit">Save</button>
</form>

<h2>Purge the cache</h2>
<p class="subtitle">Nothing is deleted. A purged path is fetched again on the next request —
  {% if zone.kind == "pull" %}from the origin{% else %}from S3{% endif %}.</p>
<form class="stack wide" method="post" action="/_/ui/zones/{{ zone.slug }}/purge">
  <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
  <label>Prefix
    <input type="text" name="prefix" placeholder="images/ — leave empty for the whole zone">
  </label>
  {% if user.role == "owner" %}
  <label>To purge the whole zone, type its name
    <input type="text" name="confirm" placeholder="{{ zone.slug }}">
  </label>
  {% endif %}
  <button type="submit">Purge</button>
</form>
{% endblock %}