{% extends "base.html" %}
{% block title %}内容未解锁 · 雪糕冰脚{% endblock %}

{% block content %}
<div class="detail">
  <div class="locked-note" style="margin-top:32px;flex-direction:column;align-items:flex-start">
    <div style="font-size:16px;font-weight:600;color:var(--locked);margin-bottom:6px">
      这张图卡不在你的可见范围内
    </div>
    <div style="color:#712b13">
      它发布于 <b>{{ card.publish_at|dt('%Y 年 %m 月 %d 日') }}</b>。
      {% if current_user %}
        你当前身份是「{{ identity_label }}」，可见范围由会员中心的区间决定。
      {% else %}
        你当前是游客身份，只能查看最近 7 天发布的内容。
      {% endif %}
    </div>
  </div>

  <div class="card" style="padding:20px 22px;margin-top:20px">
    <div style="font-size:12px;color:var(--text-3);margin-bottom:6px">标题</div>
    <div style="font-size:15px;font-weight:500;margin-bottom:14px">{{ card.title }}</div>

    {% if card.source_ppt %}
    <div style="font-size:12px;color:var(--text-3);margin-bottom:6px">来源 PPT 主题</div>
    <div style="font-size:13.5px;margin-bottom:14px">{{ card.source_ppt }}</div>
    {% endif %}

    {% if card.summary %}
    <div style="font-size:12px;color:var(--text-3);margin-bottom:6px">摘要（节选）</div>
    <div style="font-size:13.5px;color:var(--text-2);line-height:1.8">{{ card.summary|mask_summary(90) }}</div>
    {% endif %}
  </div>

  <div style="display:flex;gap:10px;margin-top:22px;flex-wrap:wrap">
    {% if current_user %}
      <a class="btn primary" href="{{ url_for('member.center') }}">查看我的可见范围</a>
      <a class="btn" href="{{ url_for('gallery.index') }}">浏览可见的图卡</a>
    {% else %}
      <a class="btn primary" href="{{ url_for('auth.register') }}">注册解锁（可看注册起 1 个月）</a>
      <a class="btn" href="{{ url_for('auth.login') }}">已有账号，登录</a>
    {% endif %}
  </div>
</div>
{% endblock %}