<?php
if ( ! defined( 'ABSPATH' ) ) exit;

/* ---------------------------------------------------------------
   Register admin menu
--------------------------------------------------------------- */
add_action( 'admin_menu', function() {
    add_options_page(
        __( 'AB Age Gate Settings', 'ab-age-gate' ),
        'AB Age Gate',
        'manage_options',
        'ab-age-gate',
        'ab_age_gate_settings_page'
    );
});

/* ---------------------------------------------------------------
   Register settings
--------------------------------------------------------------- */
add_action( 'admin_init', function() {
    $text_fields = [ 'heading', 'button_text', 'accept_all_text', 'leave_text', 'disclaimer_link_text', 'top_disclaimer_icon', 'top_disclaimer_title' ];
    foreach ( $text_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'sanitize_text_field',
        ]);
    }

    $textarea_fields = [ 'top_disclaimer_text' ];
    foreach ( $textarea_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'sanitize_textarea_field',
        ]);
    }

    $html_fields = [ 'description', 'disclaimer_text' ];
    foreach ( $html_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'wp_kses_post',
        ]);
    }

    register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_checkboxes', [
        'sanitize_callback' => 'ab_age_gate_sanitize_checkboxes',
    ]);

    $color_fields = [ 'button_color', 'accept_all_color', 'top_disclaimer_color', 'accent_color', 'bg_color' ];
    foreach ( $color_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'sanitize_hex_color',
        ]);
    }

    $url_fields = [ 'leave_url', 'disclaimer_link_url', 'logo_url' ];
    foreach ( $url_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'esc_url_raw',
        ]);
    }

    $int_fields = [ 'cookie_days', 'logo_height' ];
    foreach ( $int_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => 'absint',
        ]);
    }

    $bool_fields = [ 'enabled', 'bypass_logged_in' ];
    foreach ( $bool_fields as $f ) {
        register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_' . $f, [
            'sanitize_callback' => function( $val ) {
                return ( $val === '1' || $val === 1 ) ? '1' : '0';
            },
        ]);
    }

    register_setting( 'ab_age_gate_settings_group', 'ab_age_gate_logo_align', [
        'sanitize_callback' => function( $val ) {
            return in_array( $val, [ 'left', 'center', 'right' ], true ) ? $val : 'center';
        }
    ]);
});

/* ---------------------------------------------------------------
   Enqueue admin styles & scripts
--------------------------------------------------------------- */
add_action( 'admin_enqueue_scripts', function( $hook ) {
    if ( $hook !== 'settings_page_ab-age-gate' ) return;
    wp_enqueue_media();
    wp_enqueue_editor();
    wp_enqueue_style( 'wp-color-picker' );
    wp_enqueue_script( 'wp-color-picker' );

    wp_enqueue_style( 'ab-age-gate-admin-style', AB_AGE_GATE_URL . 'assets/css/admin.css', [], AB_AGE_GATE_VERSION );
    wp_enqueue_script( 'ab-age-gate-admin-script', AB_AGE_GATE_URL . 'assets/js/admin.js', ['jquery', 'wp-color-picker'], AB_AGE_GATE_VERSION, true );
    
    wp_localize_script( 'ab-age-gate-admin-script', 'abAgeGateI18n', [
        'select_logo_image'   => __( 'Select Logo Image', 'ab-age-gate' ),
        'use_image'           => __( 'Use Image', 'ab-age-gate' ),
        'checkbox_label_text' => __( 'Checkbox label text…', 'ab-age-gate' ),
        'remove'              => __( 'Remove', 'ab-age-gate' ),
        'min_checkbox_alert'  => __( 'You must keep at least one required checkbox.', 'ab-age-gate' ),
    ]);
});

/* ---------------------------------------------------------------
   Settings page HTML
--------------------------------------------------------------- */
function ab_age_gate_settings_page() {
    if ( ! current_user_can( 'manage_options' ) ) return;
    ?>
    <div class="wrap" style="max-width:780px;">
        <h1 style="display:flex;align-items:center;gap:10px;">
            <span style="display:inline-block;width:14px;height:14px;border-radius:50%;background:#3FCB08;"></span>
            <?php esc_html_e( 'AB Age Gate — Settings', 'ab-age-gate' ); ?>
        </h1>
        <p style="color:#666;margin-top:0;"><?php esc_html_e( 'Customize every piece of text and color shown on the verification overlay.', 'ab-age-gate' ); ?></p>

        <?php if ( isset( $_GET['settings-updated'] ) ) : ?>
            <div class="notice notice-success is-dismissible"><p><strong><?php esc_html_e( 'Settings saved.', 'ab-age-gate' ); ?></strong></p></div>
        <?php endif; ?>

        <form method="post" action="options.php">
            <?php settings_fields( 'ab_age_gate_settings_group' ); ?>

            <!-- ── GENERAL ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '⚙️ General', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_enabled"><?php esc_html_e( 'Enable Overlay', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <label>
                                <input type="hidden" name="ab_age_gate_enabled" value="0" />
                                <input type="checkbox" id="ab_age_gate_enabled" name="ab_age_gate_enabled" value="1" <?php checked( '1', ab_age_gate_get('enabled') ); ?> />
                                <?php esc_html_e( 'Show the age verification overlay to all visitors', 'ab-age-gate' ); ?>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_bypass_logged_in"><?php esc_html_e( 'Skip for Logged-In Users', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <label>
                                <input type="hidden" name="ab_age_gate_bypass_logged_in" value="0" />
                                <input type="checkbox" id="ab_age_gate_bypass_logged_in" name="ab_age_gate_bypass_logged_in" value="1" <?php checked( '1', ab_age_gate_get('bypass_logged_in') ); ?> />
                                <?php esc_html_e( 'Do not show overlay to logged-in users', 'ab-age-gate' ); ?>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_cookie_days"><?php esc_html_e( 'Remember Verification', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <input type="number" id="ab_age_gate_cookie_days" name="ab_age_gate_cookie_days" value="<?php echo esc_attr( ab_age_gate_get('cookie_days') ); ?>" min="0" max="365" style="width:80px;" />
                            <span class="description"><?php esc_html_e( 'days (0 = ask every visit)', 'ab-age-gate' ); ?></span>
                        </td>
                    </tr>
                </table>
            </div>

            <!-- ── LOGO ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '🖼️ Logo Options', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_logo_url"><?php esc_html_e( 'Upload Logo', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <input type="text" id="ab_age_gate_logo_url" name="ab_age_gate_logo_url" value="<?php echo esc_url( ab_age_gate_get('logo_url') ); ?>" class="regular-text" style="margin-bottom:10px;display:block;" />
                            <div style="display:flex;align-items:center;gap:10px;">
                                <button type="button" class="button ab-age-gate-upload-btn" data-target="ab_age_gate_logo_url"><?php esc_html_e( 'Choose Logo', 'ab-age-gate' ); ?></button>
                                <button type="button" class="button ab-age-gate-clear-btn" data-target="ab_age_gate_logo_url"><?php esc_html_e( 'Remove Logo', 'ab-age-gate' ); ?></button>
                            </div>
                            <div style="margin-top:12px;">
                                <img id="ab-age-gate-logo-preview" src="<?php echo esc_url( ab_age_gate_get('logo_url') ); ?>" style="max-height:80px; width:auto; border:1px solid #ddd; padding:4px; border-radius:4px; display:<?php echo ab_age_gate_get('logo_url') ? 'block' : 'none'; ?>;" alt="<?php esc_attr_e( 'Logo Preview', 'ab-age-gate' ); ?>" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_logo_height"><?php esc_html_e( 'Logo Height (px)', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <input type="number" id="ab_age_gate_logo_height" name="ab_age_gate_logo_height" value="<?php echo esc_attr( ab_age_gate_get('logo_height') ); ?>" min="10" max="400" style="width:80px;" />
                            <span class="description"><?php esc_html_e( 'px (auto width)', 'ab-age-gate' ); ?></span>
                        </td>
                    </tr>
                    <tr>
                        <th><label><?php esc_html_e( 'Logo Alignment', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <?php $align = ab_age_gate_get('logo_align'); ?>
                            <label style="margin-right:15px;">
                                <input type="radio" name="ab_age_gate_logo_align" value="left" <?php checked( 'left', $align ); ?> /> <?php esc_html_e( 'Left', 'ab-age-gate' ); ?>
                            </label>
                            <label style="margin-right:15px;">
                                <input type="radio" name="ab_age_gate_logo_align" value="center" <?php checked( 'center', $align ); ?> /> <?php esc_html_e( 'Center', 'ab-age-gate' ); ?>
                            </label>
                            <label style="margin-right:15px;">
                                <input type="radio" name="ab_age_gate_logo_align" value="right" <?php checked( 'right', $align ); ?> /> <?php esc_html_e( 'Right', 'ab-age-gate' ); ?>
                            </label>
                        </td>
                    </tr>
                </table>
            </div>

            <!-- ── CONTENT ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '✏️ Content & Text', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_heading"><?php esc_html_e( 'Heading', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_heading" name="ab_age_gate_heading" value="<?php echo esc_attr( ab_age_gate_get('heading') ); ?>" class="large-text" /></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_description"><?php esc_html_e( 'Description', 'ab-age-gate' ); ?></label></th>
                        <td>
                            <?php
                            wp_editor(
                                ab_age_gate_get( 'description' ),
                                'ab_age_gate_description',
                                [
                                    'textarea_name' => 'ab_age_gate_description',
                                    'textarea_rows' => 8,
                                    'media_buttons' => false,
                                    'teeny'         => false,
                                    'quicktags'     => true,
                                    'tinymce'       => [
                                        'toolbar1' => 'formatselect,bold,italic,underline,link,unlink,bullist,numlist,blockquote,alignleft,aligncenter,alignright,removeformat',
                                        'toolbar2' => '',
                                    ],
                                ]
                            );
                            ?>
                            <p class="description"><?php esc_html_e( 'Rich text editor — supports bold, links, lists, and alignment.', 'ab-age-gate' ); ?></p>
                        </td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_accept_all_text"><?php esc_html_e( 'Accept All Button', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_accept_all_text" name="ab_age_gate_accept_all_text" value="<?php echo esc_attr( ab_age_gate_get('accept_all_text') ); ?>" class="regular-text" /></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_button_text"><?php esc_html_e( 'Submit Button', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_button_text" name="ab_age_gate_button_text" value="<?php echo esc_attr( ab_age_gate_get('button_text') ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'Submit & Enter', 'ab-age-gate' ); ?>" /></td>
                    </tr>
                </table>
            </div>

            <!-- ── REQUIRED CHECKBOXES ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '☑️ Required Checkboxes', 'ab-age-gate' ); ?></h2>
                <p class="description" style="margin:12px 0 16px;"><?php esc_html_e( 'Add as many required checkboxes as you need. Visitors must check all of them before entering the site.', 'ab-age-gate' ); ?></p>
                <div id="ab-age-gate-checkboxes-list">
                    <?php foreach ( ab_age_gate_get_checkboxes() as $index => $checkbox ) : ?>
                    <div class="ab-age-gate-cb-row">
                        <span class="ab-age-gate-cb-num"><?php echo absint( $index ) + 1; ?></span>
                        <textarea name="ab_age_gate_checkboxes[<?php echo absint( $index ); ?>][label]" rows="2" class="large-text"><?php echo esc_textarea( $checkbox['label'] ); ?></textarea>
                        <button type="button" class="button ab-age-gate-remove-checkbox"><?php esc_html_e( 'Remove', 'ab-age-gate' ); ?></button>
                    </div>
                    <?php endforeach; ?>
                </div>
                <p style="margin-top:12px;">
                    <button type="button" id="ab-age-gate-add-checkbox" class="button button-secondary"><?php esc_html_e( '+ Add Checkbox', 'ab-age-gate' ); ?></button>
                </p>
                <p class="description"><?php esc_html_e( 'You can use <strong> tags to bold text and <a> tags for links.', 'ab-age-gate' ); ?></p>
            </div>

            <!-- ── DECLINE & EXIT ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '🚪 Decline & Exit', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_leave_text"><?php esc_html_e( 'Button Text', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_leave_text" name="ab_age_gate_leave_text" value="<?php echo esc_attr( ab_age_gate_get('leave_text') ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'Decline & Exit', 'ab-age-gate' ); ?>" />
                        <p class="description"><?php esc_html_e( 'Leave blank to hide this button.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_leave_url"><?php esc_html_e( 'Exit URL', 'ab-age-gate' ); ?></label></th>
                        <td><input type="url" id="ab_age_gate_leave_url" name="ab_age_gate_leave_url" value="<?php echo esc_attr( ab_age_gate_get('leave_url') ); ?>" class="large-text" placeholder="https://www.google.com" /></td>
                    </tr>
                </table>
            </div>

            <!-- ── DISCLAIMER ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '📄 Disclaimer', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_disclaimer_text"><?php esc_html_e( 'Disclaimer Text', 'ab-age-gate' ); ?></label></th>
                        <td><textarea id="ab_age_gate_disclaimer_text" name="ab_age_gate_disclaimer_text" rows="3" class="large-text"><?php echo esc_textarea( ab_age_gate_get('disclaimer_text') ); ?></textarea>
                        <p class="description"><?php esc_html_e( 'Leave blank to hide the disclaimer.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_disclaimer_link_text"><?php esc_html_e( 'Disclaimer Link Text', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_disclaimer_link_text" name="ab_age_gate_disclaimer_link_text" value="<?php echo esc_attr( ab_age_gate_get('disclaimer_link_text') ); ?>" class="regular-text" placeholder="<?php esc_attr_e( 'Full disclaimer', 'ab-age-gate' ); ?>" />
                        <p class="description"><?php esc_html_e( 'Leave blank to show no link. E.g. "Full disclaimer"', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_disclaimer_link_url"><?php esc_html_e( 'Disclaimer Link URL', 'ab-age-gate' ); ?></label></th>
                        <td><input type="url" id="ab_age_gate_disclaimer_link_url" name="ab_age_gate_disclaimer_link_url" value="<?php echo esc_attr( ab_age_gate_get('disclaimer_link_url') ); ?>" class="large-text" placeholder="https://yoursite.com/disclaimer" />
                        <p class="description"><?php esc_html_e( 'Leave blank to show the link text without a hyperlink.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                </table>
            </div>

            <!-- ── TOP DISCLAIMER ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '🚨 Top Disclaimer', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_top_disclaimer_icon"><?php esc_html_e( 'Icon', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_top_disclaimer_icon" name="ab_age_gate_top_disclaimer_icon" value="<?php echo esc_attr( ab_age_gate_get('top_disclaimer_icon') ); ?>" class="regular-text" placeholder="⚠️" />
                        <p class="description"><?php esc_html_e( 'Use an emoji or symbol for the top disclaimer icon.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_top_disclaimer_title"><?php esc_html_e( 'Title', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_top_disclaimer_title" name="ab_age_gate_top_disclaimer_title" value="<?php echo esc_attr( ab_age_gate_get('top_disclaimer_title') ); ?>" class="regular-text" />
                        <p class="description"><?php esc_html_e( 'Main short disclaimer heading shown at the top.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_top_disclaimer_text"><?php esc_html_e( 'Description', 'ab-age-gate' ); ?></label></th>
                        <td><textarea id="ab_age_gate_top_disclaimer_text" name="ab_age_gate_top_disclaimer_text" rows="3" class="large-text"><?php echo esc_textarea( ab_age_gate_get('top_disclaimer_text') ); ?></textarea>
                        <p class="description"><?php esc_html_e( 'Short explanation shown below the title.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_top_disclaimer_color"><?php esc_html_e( 'Background Color', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_top_disclaimer_color" name="ab_age_gate_top_disclaimer_color" value="<?php echo esc_attr( ab_age_gate_get('top_disclaimer_color') ); ?>" class="ab-age-gate-color-picker" />
                        <p class="description"><?php esc_html_e( 'Color used for the top disclaimer banner.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                </table>
            </div>

            <!-- ── COLORS ── -->
            <div class="ab-age-gate-section">
                <h2 class="ab-age-gate-section-title"><?php esc_html_e( '🎨 Colors', 'ab-age-gate' ); ?></h2>
                <table class="form-table" role="presentation">
                    <tr>
                        <th><label for="ab_age_gate_button_color"><?php esc_html_e( 'Enter Button Color', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_button_color" name="ab_age_gate_button_color" value="<?php echo esc_attr( ab_age_gate_get('button_color') ); ?>" class="ab-age-gate-color-picker" />
                        <p class="description"><?php esc_html_e( 'Color used for the main Submit / Enter button.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_accept_all_color"><?php esc_html_e( 'Accept All Button Color', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_accept_all_color" name="ab_age_gate_accept_all_color" value="<?php echo esc_attr( ab_age_gate_get('accept_all_color') ); ?>" class="ab-age-gate-color-picker" />
                        <p class="description"><?php esc_html_e( 'Color used for the Accept All button.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_accent_color"><?php esc_html_e( 'Accent / Bold Text Color', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_accent_color" name="ab_age_gate_accent_color" value="<?php echo esc_attr( ab_age_gate_get('accent_color') ); ?>" class="ab-age-gate-color-picker" />
                        <p class="description"><?php esc_html_e( 'Used for checkboxes, bold text highlights, disclaimer link.', 'ab-age-gate' ); ?></p></td>
                    </tr>
                    <tr>
                        <th><label for="ab_age_gate_bg_color"><?php esc_html_e( 'Overlay Background Color', 'ab-age-gate' ); ?></label></th>
                        <td><input type="text" id="ab_age_gate_bg_color" name="ab_age_gate_bg_color" value="<?php echo esc_attr( ab_age_gate_get('bg_color') ); ?>" class="ab-age-gate-color-picker" /></td>
                    </tr>
                </table>
            </div>

            <?php submit_button( __( 'Save Settings', 'ab-age-gate' ), 'primary large' ); ?>
        </form>
    </div>

    <?php
}