{% extends "base.html" %}
{% block title %}{{ _('Internal server error')}}{% endblock %}

{% block body %}
<style>
body {
  padding: 0px !important;
}

.trace_err_lbl {
  margin-top: 20px;
  margin-left: 110px;
}

.trace_err_lbl h4 {
  margin-bottom: 0px;
}

.trace_error_details {
  width: 80%;
  height: 200px;
  background-color: #f9f9f9;
  margin: 0 auto;
  display: Block;
  overflow: auto;
}

.trace_error_details pre {
  word-break: keep-all;
  min-height: 200px;
}
</style>

<div class="container">
  <div class="row">
    <div class="alert alert-danger pg-panel-message" role="alert">
        {{ error_header }}
    </div>
  </div>
  <div class="row">
    <div class="trace_err_lbl">
      <h4>{{ _('Traceback:') }}</h4>
    </div>
    <div class="trace_error_details">
      <pre>{{ error_details }}</pre>
    </div>
  </div>
</div>
{% endblock %}