{% extends "catalogue/browse.html" %}

{% load wagtailcore_tags i18n %}

{% block header %}
    <div class="page-header action">
        {% if category.image %}
            <div class="category-image" style="background-image: url({{ category.image.url }});">
                <div class="category-info">
                    <h1>
                        {{ category.name }}
                    </h1>
                    <p>{{ category.description|safe }}</p>
                </div>
            </div>
            {% if user.is_staff %}
                <a class="pull-right hidden-xs float-right" href="{% url 'dashboard:catalogue-category-update' pk=category.id %}"><small><i class="icon-edit"></i> {% trans "Edit this category" %}</small></a>
            {% endif %}
        {% else %}
            {% if user.is_staff %}
                <a class="pull-right hidden-xs" href="{% url 'dashboard:catalogue-category-update' pk=category.id %}"><small><i class="icon-edit"></i> {% trans "Edit this category" %}</small></a>
            {% endif %}
            <h1 class="border-primary">{% block headertext %}{{ category.name }}{% endblock %}</h1>
            {{ category.description|safe }}
        {% endif %}
    </div>
{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb my-3 bg-light">
        <li class="breadcrumb-item">
            <a href="{{ homepage_url }}">{% trans "Home" %}</a>
        </li>
        {% for category in category.get_ancestors %}
            <li class="breadcrumb-item">
                <a href="{{ category.get_absolute_url }}">{{ category.name }}</a>
            </li>
        {% endfor %}
        <li class="breadcrumb-item active">{{ category.name }}</li>
    </ol>
{% endblock %}

{% block content %}
    {{ block.super }}
{% endblock %}