{% extends "base.html" %}

{% block title %}Permission Error{% endblock %}

{% block content %}

    <div class="container flex flex-col items-center px-6 mx-auto">

        <svg class="w-14 h-14 mt-8 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>

        <h1 class="text-4xl font-semibold text-gray-700 dark:text-gray-200 mt-8">
            {{ locale.error_permission_header }}
        </h1>

        <p class="text-xl text-gray-700 dark:text-gray-300 mt-8">
            {{ locale.error_permission_para_1 }}
        </p>
        
        <p class="text-sm text-gray-700 dark:text-gray-300 mt-4">
            {{ locale.error_permission_para_2 }}
        </p>

    </div>

{% endblock %}