{% extends "base.html" %}

{% block title %}Date rules · LibreSignage{% endblock %}

{% block content %}
  <div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-4">
    <div>
      <h1 class="mb-1">Holiday & exception rules</h1>
      <p class="text-body-secondary mb-0">
        Black out closed dates or temporarily replace recurring schedules.
      </p>
    </div>
    <div class="btn-group" role="group" aria-label="Schedule views">
      <a class="btn btn-outline-primary" href="{{ url_for('content.schedules') }}">Schedules</a>
      <a class="btn btn-outline-primary" href="{{ url_for('content.schedule_calendar') }}">Calendar</a>
    </div>
  </div>

  <div class="row g-4">
    <div class="col-xl-5">
      <form method="post" class="card card-body" action="{{ url_for(
        'content.update_schedule_exception_route', exception_id=edit_exception.id
      ) if edit_exception else url_for('content.create_schedule_exception_route') }}">
        <h2 class="h5">{{ "Edit date rule" if edit_exception else "Create date rule" }}</h2>

        <label class="form-label" for="name">Name</label>
        <input class="form-control mb-3" id="name" name="name" required value="{{ request.form.get(
          'name', edit_exception.name if edit_exception else ''
        ) }}">

        {% set selected_action = request.form.get(
          "action", edit_exception.action if edit_exception else "blackout"
        ) %}
        <label class="form-label" for="action">Action</label>
        <select class="form-select mb-3" id="action" name="action" data-exception-action>
          <option value="blackout" {% if selected_action == "blackout" %}selected{% endif %}>Blackout — play nothing</option>
          <option value="override" {% if selected_action == "override" %}selected{% endif %}>Playlist override</option>
        </select>

        <div data-override-playlist {% if selected_action != "override" %}hidden{% endif %}>
          <label class="form-label" for="playlist_id">Override playlist</label>
          {% set selected_playlist = request.form.get(
            "playlist_id", edit_exception.playlist_id|string
              if edit_exception and edit_exception.playlist_id else ""
          ) %}
          <select class="form-select mb-3" id="playlist_id" name="playlist_id">
            <option value="">Choose a playlist</option>
            {% for playlist in playlists %}
              <option value="{{ playlist.id }}" {% if selected_playlist == playlist.id|string %}selected{% endif %}>{{ playlist.name }}</option>
            {% endfor %}
          </select>
        </div>

        <label class="form-label" for="screen_group_id">Target</label>
        {% set selected_group = request.form.get(
          "screen_group_id", edit_exception.screen_group_id|string
            if edit_exception and edit_exception.screen_group_id else ""
        ) %}
        <select class="form-select mb-3" id="screen_group_id" name="screen_group_id">
          <option value="">All scheduled screens</option>
          {% for group in screen_groups %}
            <option value="{{ group.id }}" {% if selected_group == group.id|string %}selected{% endif %}>{{ group.name }}</option>
          {% endfor %}
        </select>

        <label class="form-label" for="layout_zone_id">Layout zone target</label>
        {% set selected_zone = request.form.get("layout_zone_id", edit_exception.layout_zone_id|string if edit_exception and edit_exception.layout_zone_id else "") %}
        <select class="form-select mb-3" id="layout_zone_id" name="layout_zone_id">
          <option value="">No layout zone</option>
          {% for zone in layout_zones %}
            <option value="{{ zone.id }}" {% if selected_zone == zone.id|string %}selected{% endif %}>{{ zone.label }} (layout {{ zone.layout_id }})</option>
          {% endfor %}
        </select>

        <label class="form-label" for="timezone">IANA timezone</label>
        <input class="form-control mb-3" id="timezone" name="timezone" required value="{{ request.form.get(
          'timezone', edit_exception.timezone if edit_exception else default_timezone
        ) }}">

        <div class="row g-3 mb-3">
          <div class="col-sm-6">
            <label class="form-label" for="starts_on">Start date</label>
            <input class="form-control" id="starts_on" name="starts_on" type="date" required value="{{ request.form.get(
              'starts_on', edit_exception.starts_on if edit_exception else ''
            ) }}">
          </div>
          <div class="col-sm-6">
            <label class="form-label" for="ends_on">End date</label>
            <input class="form-control" id="ends_on" name="ends_on" type="date" required value="{{ request.form.get(
              'ends_on', edit_exception.ends_on if edit_exception else ''
            ) }}">
          </div>
        </div>

        <label class="form-label" for="priority">Priority</label>
        <input class="form-control" id="priority" name="priority" type="number" min="-100" max="100" required value="{{ request.form.get(
          'priority', edit_exception.priority if edit_exception else 0
        ) }}">
        <div class="form-text mb-3">Highest priority wins; newest wins a tie.</div>

        {% set enabled = request.form.get("enabled") == "on" if request.method == "POST"
          else (edit_exception.enabled if edit_exception else true) %}
        <div class="form-check mb-3">
          <input class="form-check-input" id="enabled" name="enabled" type="checkbox" {% if enabled %}checked{% endif %}>
          <label class="form-check-label" for="enabled">Enabled</label>
        </div>
        <div class="d-flex gap-2">
          <button class="btn btn-primary" type="submit">{{ "Save changes" if edit_exception else "Create date rule" }}</button>
          {% if edit_exception %}<a class="btn btn-outline-secondary" href="{{ url_for('content.schedule_exceptions') }}">Cancel</a>{% endif %}
        </div>
      </form>
    </div>

    <div class="col-xl-7">
      <div class="vstack gap-3">
        {% for exception in exceptions %}
          <article class="card card-body">
            <div class="d-flex flex-wrap justify-content-between gap-3">
              <div>
                <div class="d-flex align-items-center gap-2">
                  <h2 class="h5 mb-0">{{ exception.name }}</h2>
                  <span class="badge {{ 'text-bg-dark' if exception.action == 'blackout' else 'text-bg-warning' }}">{{ exception.action|title }}</span>
                  {% if not exception.enabled %}<span class="badge text-bg-secondary">Disabled</span>{% endif %}
                </div>
                <strong class="d-block mt-2">{{ exception.playlist_name or "No playback" }}</strong>
                <small class="text-body-secondary">{{ exception.starts_on }}–{{ exception.ends_on }} · {{ exception.timezone }} · {{ exception.screen_group_name or "All scheduled screens" }} · Priority {{ exception.priority }}</small>
              </div>
              <div class="d-flex align-items-start gap-2">
                <a class="btn btn-sm btn-outline-primary" href="{{ url_for('content.edit_schedule_exception', exception_id=exception.id) }}">Edit</a>
                <form method="post" action="{{ url_for('content.toggle_schedule_exception', exception_id=exception.id) }}"><button class="btn btn-sm btn-outline-secondary" type="submit">{{ "Disable" if exception.enabled else "Enable" }}</button></form>
                <form method="post" action="{{ url_for('content.delete_schedule_exception_route', exception_id=exception.id) }}"><button class="btn btn-sm btn-outline-danger" type="submit">Delete</button></form>
              </div>
            </div>
          </article>
        {% else %}
          <div class="content-empty text-center border rounded p-5"><h2 class="h5">No date rules yet</h2><p class="text-body-secondary mb-0">Add a holiday blackout or a temporary playlist override.</p></div>
        {% endfor %}
      </div>
    </div>
  </div>
{% endblock %}

{% block scripts %}
  <script src="{{ url_for('content.static', filename='js/schedule-exceptions.js') }}"></script>
{% endblock %}