{% load i18n thumbnail %}

{% if figure %}
<figure{% if instance.style %} class="{{ instance.style }}"{% endif %}>
  {% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% endif %}
    {% if instance.image_url %}
      <img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ instance.image_url }}"{% if instance.width or instance.height %} style="{% if instance.width %}width:{{ instance.width }}px;{% endif %}{% if instance.height %}height:{{ instance.height }}px;{% endif %}"{% endif %} />
    {% else %}
      {% thumbnail instance.image size crop upscale subject_location=opts.subject_location as thumbnail %}
      <img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ thumbnail.url }}" />
    {% endif %}
  {% if link %}</a>{% endif %}
  <figcaption>
  <h2>{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{{ instance.title }}</a>{% else %}{{ instance.title }}{% endif %}</h2>
    <p>{% if instance.description %}{{ instance.description }}{% endif %}{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}> {% trans "See More" %}</a>{% endif %}</p>
  </figcaption>
</figure>

{% elif slide %}
<li{% if instance.style %} class="{{ instance.style }}"{% endif %}>
{% if instance.image or instance.image_url %}
  {% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% endif %}
    {% if instance.image_url %}
      <img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ instance.image_url }}"{% if instance.width or instance.height %} style="{% if instance.width %}width:{{ instance.width }}px;{% endif %}{% if instance.height %}height:{{ instance.height }}px;{% endif %}"{% endif %} />
    {% else %}
      {% thumbnail instance.image size crop upscale subject_location=opts.subject_location as thumbnail %}
      <img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ thumbnail.url }}" />
    {% endif %}
  {% if link %}</a>{% endif %}
{% endif %}
<div class="description">
<h1>{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{{ instance.title }}</a>{% else %}{{ instance.title }}{% endif %}</h1>
{{ instance.description|safe }}
{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% trans "Read More" %}</a>{% endif %}
</div>
</li>

{% elif article %}
<article{% if instance.style %} class="{{ instance.style }}"{% endif %}>
<h2>{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{{ instance.title }}</a>{% else %}{{ instance.title }}{% endif %}</h2>
<div class="description">
{{ instance.description|safe }}
{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% trans "Read More" %}</a>{% endif %}
</div>
</article>


{% else %}
<div{% if instance.style %} class="{{ instance.style }}"{% endif %}>
<h2>{{ instance.title }}</h2>
{% if instance.image or instance.image_url %}
	{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% endif %}
		{% if instance.image_url %}
			<img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ instance.image_url }}"{% if instance.width or instance.height %} style="{% if instance.width %}width:{{ instance.width }}px;{% endif %}{% if instance.height %}height:{{ instance.height }}px;{% endif %}"{% endif %} />
		{% else %}
			{% thumbnail instance.image size crop upscale subject_location=opts.subject_location as thumbnail %}
			<img alt="{% if instance.alt %}{{ instance.alt }}{% endif %}" src="{{ thumbnail.url }}" />
		{% endif %}
	{% if link %}</a>{% endif %}
{% endif %}
{% if instance.description %}
<p>{{ instance.description|safe }}</p>
{% endif %}
{% if link %}<a href="{{ link }}"{% if obj.target_blank %} target="_blank"{% endif %}>{% trans "more" %} &#187;</a>{% endif %}
</div>
{% endif %}