{% require 'scripts/index.css' %}
{% require 'styles/index.css' %}

{% use 'schemas/banner' as banner %}
<div class="carousel fd-carousel">

  <div class="carousel-outer">
    <ul class="carousel-wrap">

      {% for item in banner %}
        <li>
          {% if item.link %}
            <a href="{{item.link}}"><img src="{{item.image}}" seed="{{item.seed}}" alt="" /></a>
          {% else %}
            <img src="{{item.image}}" alt="" />
          {% endif %}
        </li>
      {% endfor %}

    </ul>
  </div>
  <div class="carousel-status"></div>
</div>
{% if banner.length > 1 %}
  {% require 'scripts/index.js' %}
{% endif %}

{% enduse %}