{% extends "base.html" %}
{% block title %}{{ _("imprint.page_title") }}{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8 max-w-4xl">
  <h1 class="text-4xl font-bold mb-6">{{ _("imprint.heading") }}</h1>
  <p class="text-sm text-gray-500 mb-8">{{ _("imprint.subtitle") }}</p>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.provider_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      <strong>Christian Louis IT Beratung</strong><br>
      Alter Steinweg 3<br>
      20459 Hamburg<br>
      Germany
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.contact_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      Fax: +49 40 97074609<br>
      Email: christianlouis@gmail.com<br>
      Website: www.docuelevate.com
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.business_registration_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.business_registration_vat") }} DE202899017
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.responsible_content_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.responsible_content_rstv") }}<br>
      Christian Krakau-Louis<br>
      Alter Steinweg 3<br>
      20459 Hamburg<br>
      Germany
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.legal_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.legal_liability") }}
    </p>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.legal_copyright") }}
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.dispute_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.dispute_p1") }}
      <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:underline">https://ec.europa.eu/consumers/odr/</a>
    </p>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.dispute_p2") }}
    </p>
  </div>

  <div class="bg-white shadow rounded-lg p-6">
    <h2 class="text-2xl font-semibold mb-4">{{ _("imprint.policies_heading") }}</h2>
    <p class="text-gray-700 mb-3">
      {{ _("imprint.policies_intro") }}
    </p>
    <ul class="list-disc list-inside text-gray-700 ml-4 mb-3">
      <li><a href="/terms" class="text-blue-600 hover:underline">{{ _("imprint.policies_terms_label") }}</a> - {{ _("imprint.policies_terms_desc") }}</li>
      <li><a href="/privacy" class="text-blue-600 hover:underline">{{ _("imprint.policies_privacy_label") }}</a> - {{ _("imprint.policies_privacy_desc") }}</li>
      <li><a href="/cookies" class="text-blue-600 hover:underline">{{ _("imprint.policies_cookie_label") }}</a> - {{ _("imprint.policies_cookie_desc") }}</li>
      <li><a href="/license" class="text-blue-600 hover:underline">{{ _("imprint.policies_license_label") }}</a> - {{ _("imprint.policies_license_desc") }}</li>
    </ul>
  </div>
</div>
{% endblock %}