/**
 * Soru Sorma Sayfası Şablonu
 * 
 * @package PsikoSoru
 */

// Direkt erişimi engelle
if (!defined('ABSPATH')) {
    exit;
}

// Header'ı yükle
get_header();

// Ultimate Member ile entegrasyon için kullanıcı durumunu kontrol et
// Ancak form doldurulduktan sonra kontrol edeceğiz
$is_user_logged_in = is_user_logged_in();
$current_user = wp_get_current_user();
$display_name = $is_user_logged_in ? $current_user->display_name : '';

// Kategorileri al
$categories = get_terms(array(
    'taxonomy' => 'question_category',
    'hide_empty' => false,
));

// Nonce oluştur
$nonce = wp_create_nonce('psikosoru_question_nonce');

// Başarılı gönderim mesajı
$success_message = '';
if (isset($_GET['submitted']) && $_GET['submitted'] == 'true') {
    $success_message = '<div class="psikosoru-success-message">Sorunuz başarıyla gönderildi. Teşekkür ederiz!</div>';
}
?>

<div class="psikosoru-soru-sor-container">
    <div class="psikosoru-soru-sor-wrapper">
        <h1 class="psikosoru-soru-sor-title">Soru Sorun</h1>
        <p class="psikosoru-soru-sor-description">Aklınızdaki soruları uzman psikologlarımıza sorabilirsiniz.</p>
        
         echo $success_message; ?>
        
        <!-- Form herkes için görünür olsun -->
        <form id="psikosoru-soru-form" class="psikosoru-form" method="post">
            <input type="hidden" name="psikosoru_question_nonce" value=" echo esc_attr($nonce); ?>">
            <input type="hidden" id="user_logged_in" name="user_logged_in" value=" echo $is_user_logged_in ? '1' : '0'; ?>">
                
                <div class="psikosoru-form-group">
                    <label for="client_name" class="psikosoru-label">Adınız Soyadınız</label>
                    <input type="text" id="client_name" name="client_name" class="psikosoru-input" value=" echo esc_attr($display_name); ?>" placeholder="Adınız ve soyadınız" required>
                </div>
                
                <div class="psikosoru-form-group">
                    <label class="psikosoru-checkbox-label">
                        <input type="checkbox" id="is_anonymous" name="is_anonymous" class="psikosoru-checkbox">
                        Anonim olarak sor
                    </label>
                </div>
                
                <div class="psikosoru-form-group">
                    <label for="question_title" class="psikosoru-label">Soru Başlığı</label>
                    <input type="text" id="question_title" name="question_title" class="psikosoru-input" placeholder="Sorunuzun başlığını yazınız" required>
                    <div class="psikosoru-char-counter" id="title-counter">0/100</div>
                </div>
                
                <div class="psikosoru-form-group">
                    <label for="question_content" class="psikosoru-label">Soru Detayı</label>
                    <textarea id="question_content" name="question_content" class="psikosoru-textarea" placeholder="Sorunuzun detaylarını yazınız" rows="5" required></textarea>
                    <div class="psikosoru-char-counter" id="content-counter">0/2000</div>
                </div>
                
                 if (!empty($categories)) : ?>
                <div class="psikosoru-form-group">
                    <label for="question_category" class="psikosoru-label">Kategori</label>
                    <select id="question_category" name="question_category" class="psikosoru-select" required>
                        <option value="">Kategori Seçin</option>
                         foreach ($categories as $category) : ?>
                            <option value=" echo esc_attr($category->term_id); ?>"> echo esc_html($category->name); ?></option>
                         endforeach; ?>
                    </select>
                </div>
                 endif; ?>
                
                <div class="psikosoru-form-actions">
                    <button type="submit" id="submit-question" class="psikosoru-button psikosoru-submit-btn">Soruyu Gönder</button>
                </div>
            </form>
            
            <!-- Login Overlay - Başlangıçta gizli -->
            <div id="psikosoru-login-overlay" class="psikosoru-login-overlay" style="display: none;">
                <div class="psikosoru-login-required">
                    <h3>Gönderim İçin Giriş Yapın</h3>
                    <p>Sorunuzu göndermek için lütfen giriş yapın veya kayıt olun.</p>
                    <div class="psikosoru-login-buttons">
                        <a href=" echo esc_url(um_get_core_page('login')); ?>?redirect_to= echo urlencode($_SERVER['REQUEST_URI']); ?>" class="psikosoru-button psikosoru-login-btn">Giriş Yap</a>
                        <a href=" echo esc_url(um_get_core_page('register')); ?>?redirect_to= echo urlencode($_SERVER['REQUEST_URI']); ?>" class="psikosoru-button psikosoru-register-btn">Kayıt Ol</a>
                    </div>
                    <button type="button" id="psikosoru-back-to-form" class="psikosoru-button psikosoru-back-btn">Geri Dön</button>
                </div>
            </div>
            
            <div id="psikosoru-response-message" class="psikosoru-response-message"></div>
    </div>
</div>

<!-- JavaScript Kodları -->
<script>
jQuery(document).ready(function($) {
    // Karakter sayısı sınırlayıcı
    $('#question_title').on('input', function() {
        var maxLength = 100;
        var currentLength = $(this).val().length;
        $('#title-counter').text(currentLength + '/' + maxLength);
        
        if (currentLength > maxLength) {
            $(this).val($(this).val().substring(0, maxLength));
            $('#title-counter').text(maxLength + '/' + maxLength);
        }
    });
    
    $('#question_content').on('input', function() {
        var maxLength = 2000;
        var currentLength = $(this).val().length;
        $('#content-counter').text(currentLength + '/' + maxLength);
        
        if (currentLength > maxLength) {
            $(this).val($(this).val().substring(0, maxLength));
            $('#content-counter').text(maxLength + '/' + maxLength);
        }
    });
    
    // Form gönderim işlemi
    $('#psikosoru-soru-form').on('submit', function(e) {
        e.preventDefault();
        
        // Form verilerini al
        var formData = $(this).serialize();
        var userLoggedIn = $('#user_logged_in').val() === '1';
        
        // Kullanıcı giriş yapmamışsa overlay göster
        if (!userLoggedIn) {
            $('#psikosoru-login-overlay').fadeIn(300);
            // Form verilerini sessionStorage'a kaydet
            sessionStorage.setItem('psikosoru_form_data', formData);
            return false;
        }
        
        // Kullanıcı giriş yapmışsa form gönder
        submitQuestionForm(formData);
    });
    
    // Overlay'den geri dönme
    $('#psikosoru-back-to-form').on('click', function() {
        $('#psikosoru-login-overlay').fadeOut(300);
    });
    
    // Sayfa yüklenirken oturum açılmışsa ve form verileri kaydedilmişse
    if ($('#user_logged_in').val() === '1' && sessionStorage.getItem('psikosoru_form_data')) {
        var savedData = sessionStorage.getItem('psikosoru_form_data');
        submitQuestionForm(savedData);
        sessionStorage.removeItem('psikosoru_form_data'); // Verileri temizle
    }
    
    // Form gönderme fonksiyonu
    function submitQuestionForm(formData) {
        $('#psikosoru-response-message').html('<div class="psikosoru-loading">Gönderiliyor...</div>');
        
        $.ajax({
            type: 'POST',
            url: ' echo admin_url("admin-ajax.php"); ?>',
            data: formData + '&action=psikosoru_ajax_submit_question_from_page',
            success: function(response) {
                if (response.success) {
                    $('#psikosoru-soru-form').hide();
                    $('#psikosoru-response-message').html('<div class="psikosoru-success">' + response.data.message + '</div>');
                } else {
                    $('#psikosoru-response-message').html('<div class="psikosoru-error">' + response.data.message + '</div>');
                }
            },
            error: function() {
                $('#psikosoru-response-message').html('<div class="psikosoru-error">Bir hata oluştu. Lütfen daha sonra tekrar deneyin.</div>');
            }
        });
    }
});
</script>

<style>
/* Soru Sorma Sayfası Stilleri */
.psikosoru-soru-sor-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.psikosoru-soru-sor-wrapper {
    padding: 20px;
}

.psikosoru-soru-sor-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.psikosoru-soru-sor-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    text-align: center;
}

.psikosoru-form-group {
    margin-bottom: 20px;
}

.psikosoru-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #333;
}

.psikosoru-input,
.psikosoru-textarea,
.psikosoru-select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    background-color: #f9f9f9;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.psikosoru-input:focus,
.psikosoru-textarea:focus,
.psikosoru-select:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
    outline: none;
}

.psikosoru-textarea {
    min-height: 150px;
    resize: vertical;
}

.psikosoru-checkbox-label {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.psikosoru-checkbox {
    margin-right: 8px;
}

.psikosoru-char-counter {
    font-size: 12px;
    color: #666;
    text-align: right;
    margin-top: 5px;
}

.psikosoru-form-actions {
    margin-top: 30px;
    text-align: center;
}

.psikosoru-button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #4f46e5;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    text-decoration: none;
}

.psikosoru-button:hover {
    background-color: #4338ca;
}

.psikosoru-button:active {
    transform: translateY(1px);
}

.psikosoru-login-required {
    text-align: center;
    padding: 30px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 20px;
}

.psikosoru-login-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

.psikosoru-login-btn {
    background-color: #4f46e5;
}

.psikosoru-register-btn {
    background-color: #10b981;
}

.psikosoru-success-message {
    padding: 15px;
    background-color: #d1fae5;
    color: #065f46;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}

.psikosoru-response-message {
    margin-top: 20px;
    padding: 15px;
    border-radius: 4px;
    display: none;
}

.psikosoru-response-message.success {
    background-color: #d1fae5;
    color: #065f46;
}

.psikosoru-response-message.error {
    background-color: #fee2e2;
    color: #b91c1c;
}

@media (max-width: 768px) {
    .psikosoru-soru-sor-container {
        padding: 15px;
        margin: 20px auto;
    }
    
    .psikosoru-soru-sor-title {
        font-size: 24px;
    }
    
    .psikosoru-login-buttons {
        flex-direction: column;
    }
}
</style>

<script>
jQuery(document).ready(function($) {
    // Karakter sayacı
    $('#question_title').on('input', function() {
        const maxLength = 100;
        const currentLength = $(this).val().length;
        $('#title-counter').text(currentLength + '/' + maxLength);
        
        if (currentLength > maxLength) {
            $('#title-counter').css('color', 'red');
            $(this).val($(this).val().substring(0, maxLength));
        } else {
            $('#title-counter').css('color', '');
        }
    });
    
    $('#question_content').on('input', function() {
        const maxLength = 2000;
        const currentLength = $(this).val().length;
        $('#content-counter').text(currentLength + '/' + maxLength);
        
        if (currentLength > maxLength) {
            $('#content-counter').css('color', 'red');
            $(this).val($(this).val().substring(0, maxLength));
        } else {
            $('#content-counter').css('color', '');
        }
    });
    
    // Form gönderimi
    $('#psikosoru-soru-form').on('submit', function(e) {
        e.preventDefault();
        
        const formData = new FormData(this);
        formData.append('action', 'psikosoru_submit_question_from_page');
        
        // Buton durumunu güncelle
        $('#submit-question').prop('disabled', true).text('Gönderiliyor...');
        
        // AJAX isteği gönder
        $.ajax({
            url: psikoSoruObj.ajaxurl,
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                if (response.success) {
                    // Başarılı mesajı göster
                    $('#psikosoru-response-message')
                        .removeClass('error')
                        .addClass('success')
                        .html(response.data.message)
                        .show();
                    
                    // Formu temizle
                    $('#psikosoru-soru-form')[0].reset();
                    
                    // Sayfa yönlendirmesi
                    setTimeout(function() {
                        window.location.href = window.location.pathname + '?submitted=true';
                    }, 2000);
                } else {
                    // Hata mesajı göster
                    $('#psikosoru-response-message')
                        .removeClass('success')
                        .addClass('error')
                        .html(response.data.message)
                        .show();
                }
                
                // Buton durumunu sıfırla
                $('#submit-question').prop('disabled', false).text('Soruyu Gönder');
            },
            error: function() {
                // Hata mesajı göster
                $('#psikosoru-response-message')
                    .removeClass('success')
                    .addClass('error')
                    .html('Bir hata oluştu. Lütfen tekrar deneyin.')
                    .show();
                
                // Buton durumunu sıfırla
                $('#submit-question').prop('disabled', false).text('Soruyu Gönder');
            }
        });
    });
});
</script>


// Footer'ı yükle
get_footer();
?>

<!-- AccelerateWP Debug: No closing &lt;/html&gt; was found. -->