<?php
/*
Template Name: Benutzerdefinierte Authentifizierungsseite
*/

get_header(); ?>

<div class="container">
    <div id="primary" class="content-area">
        <main id="main" class="site-main">
            <div class="custom-auth-container">
                <?php if (is_user_logged_in()) : ?>
                    <!-- Wenn der Benutzer angemeldet ist, zeige eine Nachricht und einen Logout-Link -->
                    <div class="logged-in-message">
                        <h2>Willkommen zurück, <?php echo esc_html(wp_get_current_user()->display_name); ?>!</h2>
                        <p>Du bist bereits angemeldet.</p>
                        <p>
                            <a href="<?php echo esc_url(wp_logout_url(home_url())); ?>" class="button">Abmelden</a>
                            <a href="<?php echo esc_url(admin_url()); ?>" class="button">Zum Dashboard</a>
                        </p>
                    </div>
                <?php else : ?>
                    <!-- Wenn der Benutzer nicht angemeldet ist, zeige das Registrierungsformular -->
                    <h1 class="auth-title">Willkommen auf <?php bloginfo('name'); ?></h1>
                    <p class="auth-subtitle">Erstelle deinen Account und werde Teil unserer Community!</p>
                    
                    <?php
                    // Zeige das Registrierungsformular an
                    $args = array(
                        'echo'           => true,
                        'redirect'       => home_url('/login/?checkemail=registered'), // Weiterleitung nach der Registrierung
                        'form_id'        => 'custom_registerform',
                        'label_username' => __( 'Benutzername' ),
                        'label_email'    => __( 'E-Mail-Adresse' ),
                        'label_password' => __( 'Passwort' ),
                        'label_remember' => __( 'Angemeldet bleiben' ),
                        'label_log_in'   => __( 'Registrieren' ),
                        'id_username'    => 'user_login',
                        'id_email'       => 'user_email',
                        'id_password'    => 'user_pass',
                        'id_remember'    => 'rememberme',
                        'id_submit'      => 'wp-submit',
                        'remember'       => true,
                        'value_username' => NULL,
                        'value_remember' => false
                    );
                    wp_register_form($args);
                    ?>
                    
                    <div class="login-form-link">
                        <p>Schon hast du einen Account? <a href="<?php echo esc_url(wp_login_url()); ?>">Hier anmelden</a>.</p>
                    </div>
                <?php endif; ?>
            </div>
        </main>
    </div>
</div>

<?php
// Hintergrundbild aus dem Customizer holen und als Inline-CSS ausgeben
 $auth_bg_image = get_theme_mod('login_background_image');
if ($auth_bg_image):
?>
<style>
    body.login, body.login-action-register {
        background-image: url('<?php echo esc_url($auth_bg_image); ?>') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    body.login::before, body.login-action-register::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(20, 21, 26, 0.8);
        z-index: -1;
    }
</style>
<?php endif; ?>

<?php get_footer(); ?>