{% extends "base.html" %}

{% block title %}Schedules · LibreSignage{% endblock %}

{% block content %}
  {% set selected_days = request.form.getlist("weekdays") if request.method == "POST"
    else (edit_schedule.weekday_numbers if edit_schedule else range(7)) %}
  <div class="d-flex flex-wrap align-items-start justify-content-between gap-3 mb-4">
    <div>
      <h1 class="mb-1">Schedules & dayparting</h1>
      <p class="text-body-secondary mb-0">
        Assign playlists by date, weekday, local time, and priority.
      </p>
    </div>
    <a class="btn btn-primary" href="{{ url_for('content.scheduled_player') }}">
      Open scheduled player
    </a>
  </div>

  <div class="row g-4">
    <div class="col-xl-5">
      <form
        method="post"
        action="{{ url_for(
          'content.update_schedule_route',
          schedule_id=edit_schedule.id
        ) if edit_schedule else url_for('content.create_schedule_route') }}"
        class="card card-body"
      >
        <h2 class="h5">
          {{ "Edit schedule" if edit_schedule else "Create schedule" }}
        </h2>

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

        <label class="form-label" for="playlist_id">Playlist</label>
        <select
          class="form-select mb-3"
          id="playlist_id"
          name="playlist_id"
          required
        >
          <option value="">Choose a playlist</option>
          {% for playlist in playlists %}
            {% set selected_playlist = request.form.get(
              "playlist_id",
              edit_schedule.playlist_id|string if edit_schedule else ""
            ) %}
            <option
              value="{{ playlist.id }}"
              {% if selected_playlist == playlist.id|string %}selected{% endif %}
            >
              {{ playlist.name }}
            </option>
          {% endfor %}
        </select>

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

        <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"
              value="{{ request.form.get(
                'starts_on',
                edit_schedule.starts_on if edit_schedule else ''
              ) or '' }}"
            >
          </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"
              value="{{ request.form.get(
                'ends_on',
                edit_schedule.ends_on if edit_schedule else ''
              ) or '' }}"
            >
          </div>
        </div>

        <div class="row g-3">
          <div class="col-sm-6">
            <label class="form-label" for="daily_start">Daily start</label>
            <input
              class="form-control"
              id="daily_start"
              name="daily_start"
              type="time"
              value="{{ request.form.get(
                'daily_start',
                edit_schedule.daily_start if edit_schedule else ''
              ) or '' }}"
            >
          </div>
          <div class="col-sm-6">
            <label class="form-label" for="daily_end">Daily end</label>
            <input
              class="form-control"
              id="daily_end"
              name="daily_end"
              type="time"
              value="{{ request.form.get(
                'daily_end',
                edit_schedule.daily_end if edit_schedule else ''
              ) or '' }}"
            >
          </div>
        </div>
        <div class="form-text mb-3">
          Leave both blank for all day. An end earlier than the start crosses midnight.
        </div>

        <fieldset class="mb-3">
          <legend class="form-label">Days of week</legend>
          <div class="d-flex flex-wrap gap-3">
            {% for day_number, day_name in weekday_names %}
              <div class="form-check">
                <input
                  class="form-check-input"
                  id="weekday-{{ day_number }}"
                  name="weekdays"
                  type="checkbox"
                  value="{{ day_number }}"
                  {% if day_number in selected_days or day_number|string in selected_days %}
                    checked
                  {% endif %}
                >
                <label class="form-check-label" for="weekday-{{ day_number }}">
                  {{ day_name[:3] }}
                </label>
              </div>
            {% endfor %}
          </div>
        </fieldset>

        <label class="form-label" for="priority">Priority</label>
        <input
          class="form-control"
          id="priority"
          name="priority"
          type="number"
          min="-100"
          max="100"
          value="{{ request.form.get(
            'priority',
            edit_schedule.priority if edit_schedule else 0
          ) }}"
          required
        >
        <div class="form-text mb-3">
          Higher priority wins when schedules overlap.
        </div>

        <div class="form-check mb-3">
          {% set enabled = request.form.get("enabled") == "on"
            if request.method == "POST"
            else (edit_schedule.enabled if edit_schedule else true) %}
          <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_schedule else "Create schedule" }}
          </button>
          {% if edit_schedule %}
            <a class="btn btn-outline-secondary" href="{{ url_for('content.schedules') }}">
              Cancel
            </a>
          {% endif %}
        </div>
      </form>
    </div>

    <div class="col-xl-7">
      {% if schedules %}
        <div class="vstack gap-3">
          {% for schedule in schedules %}
            <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">{{ schedule.name }}</h2>
                    {% if schedule.id == active_schedule_id %}
                      <span class="badge text-bg-success">Active now</span>
                    {% elif not schedule.enabled %}
                      <span class="badge text-bg-secondary">Disabled</span>
                    {% endif %}
                  </div>
                  <strong class="d-block mt-2">{{ schedule.playlist_name }}</strong>
                  <small class="text-body-secondary">
                    {{ schedule.timezone }} ·
                    {% if schedule.daily_start %}
                      {{ schedule.daily_start }}–{{ schedule.daily_end }}
                    {% else %}
                      All day
                    {% endif %}
                    · Priority {{ schedule.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',
                      schedule_id=schedule.id
                    ) }}"
                  >
                    Edit
                  </a>
                  <form
                    method="post"
                    action="{{ url_for(
                      'content.toggle_schedule',
                      schedule_id=schedule.id
                    ) }}"
                  >
                    <button class="btn btn-sm btn-outline-secondary" type="submit">
                      {{ "Disable" if schedule.enabled else "Enable" }}
                    </button>
                  </form>
                  <form
                    method="post"
                    action="{{ url_for(
                      'content.delete_schedule_route',
                      schedule_id=schedule.id
                    ) }}"
                  >
                    <button class="btn btn-sm btn-outline-danger" type="submit">
                      Delete
                    </button>
                  </form>
                </div>
              </div>
            </article>
          {% endfor %}
        </div>
      {% else %}
        <div class="content-empty text-center border rounded p-5">
          <h2 class="h5">No schedules yet</h2>
          <p class="text-body-secondary mb-0">
            Create a schedule to automate playlist selection.
          </p>
        </div>
      {% endif %}
    </div>
  </div>
{% endblock %}