{% extends "layouts/app.twig" %}

{% block title %}{{ __('Media Kit') }}{% endblock %}

{% block content %}
      <div class="page-wrapper">
        <!-- Page header -->
        <div class="page-header d-print-none">
          <div class="container-xl">
            <div class="row g-2 align-items-center">
              <div class="col">
                <!-- Page pre-title -->
                <div class="page-pretitle">
                  {{ __('Overview') }}
                </div>
                <h2 class="page-title">
                  {{ __('Media Kit') }}
                </h2>
              </div>
            </div>
          </div>
        </div>
        <!-- Page body -->
        <div class="page-body">
          <div class="container-xl">
            <div class="col-12">
              <div class="card">
                <div class="card-body border-bottom py-3">
                <h2>{{ __('Media Kit') }}</h2>
                <p>{{ media_kit_intro|default('Replace this section with an introduction about the media kit contents and its intended audience.') }}</p>

                <h3>Logos</h3>
                <p>{{ logos_intro|default('Provide guidelines on how to use your registry logos correctly.') }}</p>

                <img src="{{ logoPath }}" alt="Registry Logo" class="img-fluid mb-3" style="max-width:50%;">
                
                <h3>Branding Guidelines</h3>
                <p>{{ branding_guidelines|default('Detail any color schemes, typography, or design patterns related to your TLD registry brand here.') }}</p>
                
                <h3>Press Releases</h3>
                <p>{{ press_releases_text|default('List recent press releases or provide links to them for registrars and the media.') }}</p>

                <!-- ... Add more sections as needed ... -->

                <footer class="mt-4 text-muted">
                    <p>To customize this documentation page:</p>
                    <p>Copy <code>mediakit.twig</code> from <code>/var/www/cp/resources/views/admin/support</code> to <code>mediakit.custom.twig</code> and edit the file as required.</p>
                </footer>
                </div>
              </div>
            </div>
          </div>
        </div>
        {% include 'partials/footer.twig' %}
      </div>
{% endblock %}