{% ckan_extends %}
{% block primary_content_inner %}
  {{ super() }}
  <div data-module="data_recommendation">




<h3>您可能也會有興趣</h3>
<p>您有興趣的資料集也可能在這些地方出現：</p>


      <div class="tabbable tabs-left" data-module="data_recommendation"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs" id="tag-nav">
    <!--li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li-->
      {% for tag, results in h.related_pkgs()['results'].items() %}
          {% if results['result'] %}
            <li><a href="#{{ tag }}" data-toggle="tab">{{ tag }}</a></li>
          {% endif %}
      {% endfor %}
  </ul>
  <div class="tab-content active" id="tag-content">
       {% for tag, results in h.related_pkgs()['results'].items() %}
    <div class="tab-pane" id="{{ tag }}">

                 <ul>
                {% for result in results['result'] %}
                    <li>
                        <span class="label">{{ result.organization.title }}</span>
                        <a href="/dataset/{{ result.name }}" style="padding: 5px;">{{ result.title }}</a>
                    </li>
                {% endfor %}
            </ul>
        {% if results['rows'] > 20 %}
        <a href="/dataset?q={{ tag }}" class="btn" style="display: block;">更多結果</a>
        {% endif %}
    </div>
      {% endfor %}
  </div>

          <style>
              .tab-content > .tab-pane > ul {
                  list-style-type:none;
                  margin: 5px 0 10px 5px;
              }
              .tab-content > .tab-pane > ul > li  {
                  line-height: 25px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;
              }
          </style>
{% resource 'data_recommendation/data_recommendation.js' %}

{% endblock %}