{% extends 'simple.html' %}
{% load static %}

{% block head %}
  <title>403 | Labelo</title>
  <link rel="stylesheet" href="{{ settings.HOSTNAME }}{% static 'css/error.css' %}"/>
{% endblock %}


{% block content %}
<div class="ls-global-error">
  <h1>Server error</h1>
  <img class="ls-global-error__heidi" src="{{ settings.HOSTNAME }}{% static 'images/opossum_broken.svg' %}" height="111" alt="Heidi's down" />
  <h2>403 Forbidden</h2>
  <div class="ls-global-error__details">{{ exception }}</div>
  <p class="ls-global-error__actions">
    <!-- <a class="ls-global-error__slack button" target="_blank" href="https://docs.labelo.ai/">
      <img src="{{ settings.HOSTNAME }}{% static 'images/slack.png' %}" width="16" />
      Ask on Slack
    </a> -->
    <button onClick="history.back()">Go Back</button>
    <button onClick="location.reload()">Reload</button>
  </p>
</div>
{% endblock %}