{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.modules_information.privacy'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <div class="admin-card p-4">
                <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-3">
                    <div class="mb-md-0">
                        <h2 class="gradient-text fw-bold mb-2">
                            <i class="bi bi-cookie me-3"></i>
                            {{ 'admin.privacy.title'|trans }}
                        </h2>
                        <p class="text-muted mb-0">{{ 'admin.privacy.lead'|trans }}</p>
                    </div>
                    <div class="d-flex flex-wrap gap-2">
                        <a href="{{ path('app_admin_modules') }}" class="btn btn-outline-secondary btn-lg">
                            <i class="bi bi-arrow-left me-2"></i>
                            {{ 'admin.page.back'|trans }}
                        </a>
                        <button type="submit" form="privacy-cookie-form" class="btn btn-primary btn-lg">
                            <i class="bi bi-check-circle me-2"></i>
                            {{ 'admin.save'|trans }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-12">
            <div class="admin-card p-4">
                <h4 class="gradient-text fw-bold mb-3">
                    <i class="bi bi-sliders me-2"></i>
                    {{ 'admin.privacy.cookie_section'|trans }}
                </h4>
                <p class="text-muted small mb-4">{{ 'admin.privacy.cookie_hint'|trans }}</p>
                {{ form_start(cookieForm, { attr: { id: 'privacy-cookie-form' } }) }}
                    <div class="mb-4 pb-2 border-bottom border-light-subtle">
                        <div class="form-switch form-switch-lg">
                            {{ form_widget(cookieForm.cookieConsentEnabled, { attr: { class: 'form-check-input', role: 'switch' } }) }}
                            {{ form_label(cookieForm.cookieConsentEnabled, null, { label_attr: { class: 'form-check-label fw-semibold' } }) }}
                        </div>
                        {{ form_errors(cookieForm.cookieConsentEnabled) }}
                    </div>
                    <div class="mb-3">
                        {{ form_label(cookieForm.cookiePolicyUrl, null, { label_attr: { class: 'form-label fw-semibold text-primary' } }) }}
                        {{ form_widget(cookieForm.cookiePolicyUrl, { attr: cookieForm.cookiePolicyUrl.vars.attr|merge({ class: 'form-control form-control-lg' }) }) }}
                        {{ form_errors(cookieForm.cookiePolicyUrl) }}
                    </div>
                    <div class="mb-0">
                        {{ form_label(cookieForm.cookieConsentIntro, null, { label_attr: { class: 'form-label fw-semibold text-primary' } }) }}
                        {{ form_widget(cookieForm.cookieConsentIntro, { attr: cookieForm.cookieConsentIntro.vars.attr|merge({ class: 'form-control font-monospace', rows: 6 }) }) }}
                        {{ form_help(cookieForm.cookieConsentIntro) }}
                        {{ form_errors(cookieForm.cookieConsentIntro) }}
                    </div>
                {{ form_end(cookieForm) }}
            </div>
        </div>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-12 col-lg-6">
            <div class="admin-card p-4 h-100">
                <h4 class="gradient-text fw-bold mb-3">
                    <i class="bi bi-download me-2"></i>
                    {{ 'admin.privacy.gdpr_export_section'|trans }}
                </h4>
                <p class="text-muted small mb-4">{{ 'admin.privacy.gdpr_export_hint'|trans }}</p>
                {{ form_start(exportForm, { attr: { id: 'privacy-gdpr-export-form', class: 'privacy-gdpr-form' } }) }}
                    <div class="mb-3">
                        {{ form_label(exportForm.identifier, null, { label_attr: { class: 'form-label fw-semibold text-primary' } }) }}
                        {{ form_widget(exportForm.identifier, { attr: exportForm.identifier.vars.attr|merge({
                            class: 'form-control form-control-lg',
                            placeholder: 'form.privacy.gdpr_identifier_placeholder'|trans
                        }) }) }}
                        {{ form_help(exportForm.identifier) }}
                        {{ form_errors(exportForm.identifier) }}
                    </div>
                    <div class="d-grid d-sm-flex gap-2">
                        {{ form_widget(exportForm.submit, { attr: { class: 'btn btn-outline-primary btn-lg' } }) }}
                    </div>
                {{ form_end(exportForm) }}
            </div>
        </div>
        <div class="col-12 col-lg-6">
            <div class="admin-card p-4 h-100 border border-danger border-opacity-25">
                <h4 class="gradient-text fw-bold mb-3 text-danger">
                    <i class="bi bi-trash3 me-2"></i>
                    {{ 'admin.privacy.gdpr_erase_section'|trans }}
                </h4>
                <p class="text-muted small mb-2">{{ 'admin.privacy.gdpr_erase_warning'|trans }}</p>
                <div class="alert alert-danger bg-danger bg-opacity-10 border-danger border-opacity-25 small mb-4" role="note">
                    <i class="bi bi-exclamation-triangle me-2"></i>
                    <span class="font-monospace">{{ 'form.privacy.gdpr_erase_confirm_label'|trans }}: <strong>{{ eraseConfirmPhrase }}</strong></span>
                </div>
                {{ form_start(eraseForm, { attr: { id: 'privacy-gdpr-erase-form', class: 'privacy-gdpr-form' } }) }}
                    <div class="mb-3">
                        {{ form_label(eraseForm.identifier, null, { label_attr: { class: 'form-label fw-semibold text-primary' } }) }}
                        {{ form_widget(eraseForm.identifier, { attr: eraseForm.identifier.vars.attr|merge({
                            class: 'form-control form-control-lg',
                            placeholder: 'form.privacy.gdpr_identifier_placeholder'|trans
                        }) }) }}
                        {{ form_help(eraseForm.identifier) }}
                        {{ form_errors(eraseForm.identifier) }}
                    </div>
                    <div class="mb-4">
                        {{ form_label(eraseForm.confirmPhrase, null, { label_attr: { class: 'form-label fw-semibold text-danger' } }) }}
                        {{ form_widget(eraseForm.confirmPhrase, { attr: eraseForm.confirmPhrase.vars.attr|merge({
                            class: 'form-control form-control-lg font-monospace',
                            placeholder: eraseConfirmPhrase,
                            autocomplete: 'off'
                        }) }) }}
                        {{ form_help(eraseForm.confirmPhrase) }}
                        {{ form_errors(eraseForm.confirmPhrase) }}
                    </div>
                    <div class="d-grid">
                        {{ form_widget(eraseForm.submit, { attr: { class: 'btn btn-danger btn-lg' } }) }}
                    </div>
                {{ form_end(eraseForm) }}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="alert alert-secondary small mb-0">
                <i class="bi bi-puzzle me-2"></i>{{ 'admin.privacy.plugins_hint'|trans|raw }}
            </div>
        </div>
    </div>
</div>
{% endblock %}