{% extends "layout.html" %}

{% block title %}{{column.name}} - {{siteConfig.site_name}}{% endblock %}

{% block content %}
<!-- Column Banner -->
<div class="col-banner" {% if column.banner_image %}style="background-image:url('{{column.banner_image}}')"{% endif %}>
  <div class="col-banner-overlay"></div>
  <div class="col-banner-content">
    <h1>{{column.name}}</h1>
    {% if column.name_en %}
    <div class="col-banner-en">{{column.name_en}}</div>
    {% endif %}
    {% if column.description %}
    <div class="col-banner-desc">{{column.description}}</div>
    {% endif %}
  </div>
</div>

<!-- Sub Navigation Tabs -->
{% if children and children.length > 0 %}
<div class="col-tabs-wrap">
  <div class="col-tabs">
    {% for child in children %}
    <a href="/column/{{column.key}}/{{child.key}}.html"
       class="col-tab{% if currentChild and currentChild.key == child.key %} active{% endif %}">
      {{child.name}}
    </a>
    {% endfor %}
  </div>
</div>
{% endif %}

<!-- Breadcrumb -->
<div class="col-breadcrumb-wrap">
  <div class="col-breadcrumb">
    <span>您的位置：</span>
    <a href="/">首页</a><span class="sep">&gt;</span>
    <a href="/column/{{column.key}}.html">{{column.name}}</a>
    {% if currentChild %}
    <span class="sep">&gt;</span><span class="current">{{currentChild.name}}</span>
    {% endif %}
  </div>
</div>

<!-- Content Area -->
<div class="col-content-wrap">
  <div class="col-content">
    {% if currentChild %}
    <h2 class="col-section-title">{{currentChild.name}}</h2>
    {% endif %}
    {% if contentData.type == 'page' %}
      {% include "column/_page.html" %}
    {% elif contentData.type == 'article' %}
      {% include "column/_article.html" %}
    {% elif contentData.type == 'image' %}
      {% include "column/_image.html" %}
    {% elif contentData.type == 'text' %}
      {% include "column/_text.html" %}
    {% elif contentData.type == 'person' %}
      {% include "column/_person.html" %}
    {% elif contentData.type == 'job' %}
      {% include "column/_job.html" %}
    {% else %}
      <div class="col-empty">暂无内容</div>
    {% endif %}
  </div>
</div>

{% include "common/_footer.html" %}
{% endblock %}