{% extends "base.html" %}
{% block title %}校历 · 西湖生存手册<script>
(function () {
  document.querySelectorAll('.copy-ics').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var url = btn.dataset.url;
      var done = function () { btn.textContent = '已复制'; setTimeout(function () { btn.textContent = '复制'; }, 1200); };
      if (navigator.clipboard) { navigator.clipboard.writeText(url).then(done); }
      else {
        var ta = document.createElement('textarea'); ta.value = url;
        document.body.appendChild(ta); ta.select(); document.execCommand('copy');
        document.body.removeChild(ta); done();
      }
    });
  });
})();
</script>
{% endblock %}

{% block content %}
<h1 class="page">本学期校历</h1>

{% if error %}<div class="note">{{ error }}</div>{% endif %}

<div class="card" style="margin-bottom:1.2rem">
  <div class="label">订阅到日历</div>
  <p class="muted" style="font-size:.86rem;margin:.3rem 0 .5rem">
    把下面的地址粘进手机/系统日历的「订阅日历」，内容会自动更新（需本机服务在跑）。
  </p>
  {% for ics in ics_urls %}
  <p style="font-size:.84rem;margin:.25rem 0">
    {{ ics.title }}：<code class="ics-url">{{ ics.url }}</code>
    <button type="button" class="copy-ics" data-url="{{ ics.url }}">复制</button>
  </p>
  {% endfor %}
</div>

{% if semester %}
  <div class="card">
    <div class="kv">
      <div>
        <div class="label">学期</div>
        <div class="value small">{{ semester.name }}</div>
      </div>
      <div>
        <div class="label">课程期间</div>
        <div class="value small">{{ semester.start | fmt_date }} ~ {{ semester.end | fmt_date }}</div>
      </div>
      <div>
        <div class="label">今天</div>
        <div class="value small">{{ today | fmt_date }}（{{ today | weekday_cn }}）</div>
      </div>
      <div>
        <div class="label">教学周</div>
        <div class="value small">
          {% if progress %}第 {{ progress.week }} / {{ progress.total }} 周{% else %}<span class="dim">假期中</span>{% endif %}
        </div>
      </div>
    </div>
    {% if progress %}
    <div class="progress" title="第 {{ progress.week }} 周 / 共 {{ progress.total }} 周">
      <span style="width: {{ progress.percent }}%"></span>
    </div>
    <div class="muted" style="font-size:.8rem;margin-top:.35rem">
      学期进度 {{ progress.percent }}%
    </div>
    {% endif %}
  </div>
{% else %}
  <div class="empty">当前没有正在进行的学期（或校历数据不可用）。</div>
{% endif %}

<h2 class="section">校历事件</h2>
{% if events %}
  <table class="data">
    <thead>
      <tr><th>标题</th><th>日期范围</th><th>倒计时</th></tr>
    </thead>
    <tbody>
      {% for event in events %}
      <tr>
        <td>{{ event.title }}</td>
        <td class="time">
          {{ event.start | fmt_date }}
          {%- if event.end and event.end != event.start %} ~ {{ event.end | fmt_date }}{% endif %}
        </td>
        <td class="time">
          {% set d = event.last_day | days_until(today) %}
          {% if d is none %}<span class="dim">—</span>
          {% elif d < 0 %}<span class="muted">已过（{{ -d }} 天前结束）</span>
          {% elif d == 0 %}<span class="chip">今天</span>
          {% else %}{{ d }} 天后{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <div class="empty">暂无校历事件。</div>
{% endif %}
<script>
(function () {
  document.querySelectorAll('.copy-ics').forEach(function (btn) {
    btn.addEventListener('click', function () {
      var url = btn.dataset.url;
      var done = function () { btn.textContent = '已复制'; setTimeout(function () { btn.textContent = '复制'; }, 1200); };
      if (navigator.clipboard) { navigator.clipboard.writeText(url).then(done); }
      else {
        var ta = document.createElement('textarea'); ta.value = url;
        document.body.appendChild(ta); ta.select(); document.execCommand('copy');
        document.body.removeChild(ta); done();
      }
    });
  });
})();
</script>
{% endblock %}