{% extends "webcams/base.html" %}
{% load molly_utils %}{% load i18n %}

{% block extrahead %}
    {% if not use_javascript %}
        <meta http-equiv="refresh" content="60" />
    {% endif %}
{% endblock %}

{% block content %}

<div class="section">
    <div class="header">
        <h2>{{ webcam.title }}<br /><small class="webcam-last-updated">{% now "G:i "%}</small></h2>
    </div>
    <div class="section-content">
        {% if eis %}
            {% ifnotequal style_group "dumb" %}
                <div class="backgrounded-image webcam-image" style="background-image:url('{{ eis.get_absolute_url }}'); height:{{ eis.height }}px;"> </div>
              {% else %}
                <img src="{{ eis.get_absolute_url }}" alt="{% trans "Webcam Image" %}">
            {% endifnotequal %}
        {% else %}
            <div class="note"><div class="bubble pad-10">
                {% trans "Unfortunately, this webcam is currently unavailable. Please try again later." %}
            </div></div>
        {% endif %}
        
        <div class="note"><div class="bubble pad-5">
            <p>{{ webcam.description }}</p>
            
            {% if webcam.credit %}
            <p>{{ webcam.credit|safe }}</p>
            {% endif %}
        </div></div>
    </div>
</div>
{% endblock %}
