<?php
/**
 * قالب صفحه تماس با ما Dima Shop
 * نسخه: 1.0.0
 */
if (!defined('ABSPATH')) exit;

// دریافت اطلاعات فروشگاه
$store_name = get_option('dima_store_name', get_bloginfo('name'));
$store_phone = get_option('dima_store_phone', '');
$store_email = get_option('dima_store_email', get_option('admin_email'));
$store_address = get_option('dima_store_address', '');
$store_city = get_option('dima_store_city', '');
$store_postal_code = get_option('dima_store_postal_code', '');
$store_working_hours = get_option('dima_store_working_hours', '');
$store_instagram = get_option('dima_store_instagram', '');
$store_telegram = get_option('dima_store_telegram', '');
$store_whatsapp = get_option('dima_store_whatsapp', '');
$store_twitter = get_option('dima_store_twitter', '');
$store_linkedin = get_option('dima_store_linkedin', '');

$message_sent = false;
$message_error = '';

// پردازش فرم تماس
if (isset($_POST['dima_contact_submit']) && check_admin_referer('dima_contact_nonce')) {
    $name = sanitize_text_field($_POST['contact_name'] ?? '');
    $email = sanitize_email($_POST['contact_email'] ?? '');
    $phone = sanitize_text_field($_POST['contact_phone'] ?? '');
    $subject = sanitize_text_field($_POST['contact_subject'] ?? '');
    $message = sanitize_textarea_field($_POST['contact_message'] ?? '');
    
    if (empty($name) || empty($email) || empty($message)) {
        $message_error = 'لطفاً فیلدهای الزامی را پر کنید.';
    } elseif (!is_email($email)) {
        $message_error = 'ایمیل وارد شده معتبر نیست.';
    } else {
        $admin_email = get_option('admin_email');
        $email_subject = "پیام تماس از {$name}: {$subject}";
        $email_body = "نام: {$name}\n";
        $email_body .= "ایمیل: {$email}\n";
        if ($phone) $email_body .= "تلفن: {$phone}\n";
        $email_body .= "\nپیام:\n{$message}";
        
        $headers = array('Content-Type: text/plain; charset=UTF-8');
        
        if (wp_mail($admin_email, $email_subject, $email_body, $headers)) {
            $message_sent = true;
        } else {
            $message_error = 'خطا در ارسال پیام. لطفاً دوباره تلاش کنید.';
        }
    }
}
?>

<div class="dima-contact-page" dir="rtl">
    
    <div class="contact-header">
        <h1>📞 تماس با ما</h1>
        <p>برای هرگونه سوال، پیشنهاد یا انتقاد با ما در ارتباط باشید</p>
    </div>
    
    <?php if ($message_sent): ?>
        <div class="contact-alert success">
            ✅ پیام شما با موفقیت ارسال شد. به زودی با شما تماس خواهیم گرفت.
        </div>
    <?php endif; ?>
    
    <?php if ($message_error): ?>
        <div class="contact-alert error">
            ❌ <?php echo esc_html($message_error); ?>
        </div>
    <?php endif; ?>
    
    <div class="contact-layout">
        
        <!-- اطلاعات تماس -->
        <aside class="contact-info-section">
            <div class="info-card">
                <h3>📍 اطلاعات تماس</h3>
                
                <?php if ($store_phone): ?>
                <div class="info-item">
                    <div class="info-icon">📱</div>
                    <div class="info-content">
                        <div class="info-label">تلفن تماس</div>
                        <a href="tel:<?php echo esc_attr($store_phone); ?>" class="info-value">
                            <?php echo esc_html($store_phone); ?>
                        </a>
                    </div>
                </div>
                <?php endif; ?>
                
                <?php if ($store_email): ?>
                <div class="info-item">
                    <div class="info-icon">️</div>
                    <div class="info-content">
                        <div class="info-label">ایمیل</div>
                        <a href="mailto:<?php echo esc_attr($store_email); ?>" class="info-value">
                            <?php echo esc_html($store_email); ?>
                        </a>
                    </div>
                </div>
                <?php endif; ?>
                
                <?php if ($store_address || $store_city): ?>
                <div class="info-item">
                    <div class="info-icon"></div>
                    <div class="info-content">
                        <div class="info-label">آدرس</div>
                        <div class="info-value">
                            <?php if ($store_city): ?>
                                <div><?php echo esc_html($store_city); ?></div>
                            <?php endif; ?>
                            <?php if ($store_address): ?>
                                <div><?php echo esc_html($store_address); ?></div>
                            <?php endif; ?>
                            <?php if ($store_postal_code): ?>
                                <div>کد پستی: <?php echo esc_html($store_postal_code); ?></div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
                <?php endif; ?>
                
                <?php if ($store_working_hours): ?>
                <div class="info-item">
                    <div class="info-icon">🕐</div>
                    <div class="info-content">
                        <div class="info-label">ساعات کاری</div>
                        <div class="info-value"><?php echo esc_html($store_working_hours); ?></div>
                    </div>
                </div>
                <?php endif; ?>
                
            </div>
            
            <!-- شبکه‌های اجتماعی -->
            <?php 
            $socials = array_filter(array(
                'instagram' => $store_instagram,
                'telegram' => $store_telegram,
                'whatsapp' => $store_whatsapp,
                'twitter' => $store_twitter,
                'linkedin' => $store_linkedin
            ));
            
            if (!empty($socials)):
            ?>
            <div class="social-card">
                <h3>🌐 ما را در شبکه‌های اجتماعی دنبال کنید</h3>
                <div class="social-links">
                    <?php foreach ($socials as $network => $url): ?>
                        <a href="<?php echo esc_url($url); ?>" target="_blank" rel="noopener noreferrer" class="social-link <?php echo esc_attr($network); ?>">
                            <span class="social-icon">
                                <?php 
                                $icons = array(
                                    'instagram' => '📷',
                                    'telegram' => '✈️',
                                    'whatsapp' => '💬',
                                    'twitter' => '🐦',
                                    'linkedin' => '💼'
                                );
                                echo $icons[$network] ?? '🔗';
                                ?>
                            </span>
                            <span class="social-name"><?php echo ucfirst($network); ?></span>
                        </a>
                    <?php endforeach; ?>
                </div>
            </div>
            <?php endif; ?>
            
        </aside>
        
        <!-- فرم تماس -->
        <main class="contact-form-section">
            <div class="form-card">
                <h3>✉️ ارسال پیام</h3>
                <p class="form-description">فرم زیر را پر کنید، کارشناسان ما در اسرع وقت پاسخگوی شما خواهند بود.</p>
                
                <form method="post" class="contact-form">
                    <?php wp_nonce_field('dima_contact_nonce'); ?>
                    
                    <div class="form-row">
                        <div class="form-group">
                            <label for="contact_name">نام و نام خانوادگی *</label>
                            <input type="text" id="contact_name" name="contact_name" required 
                                   value="<?php echo is_user_logged_in() ? esc_attr(wp_get_current_user()->display_name) : ''; ?>">
                        </div>
                        
                        <div class="form-group">
                            <label for="contact_email">ایمیل *</label>
                            <input type="email" id="contact_email" name="contact_email" required
                                   value="<?php echo is_user_logged_in() ? esc_attr(wp_get_current_user()->user_email) : ''; ?>">
                        </div>
                    </div>
                    
                    <div class="form-row">
                        <div class="form-group">
                            <label for="contact_phone">شماره تماس</label>
                            <input type="tel" id="contact_phone" name="contact_phone" pattern="09[0-9]{9}">
                        </div>
                        
                        <div class="form-group">
                            <label for="contact_subject">موضوع *</label>
                            <select id="contact_subject" name="contact_subject" required>
                                <option value="">— انتخاب موضوع —</option>
                                <option value="support">پشتیبانی فنی</option>
                                <option value="sales">مشاوره خرید</option>
                                <option value="order">پیگیری سفارش</option>
                                <option value="return">مرجوعی کالا</option>
                                <option value="cooperation">همکاری</option>
                                <option value="complaint">شکایات</option>
                                <option value="other">سایر</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="contact_message">پیام شما *</label>
                        <textarea id="contact_message" name="contact_message" rows="6" required 
                                  placeholder="پیام خود را اینجا بنویسید..."></textarea>
                    </div>
                    
                    <button type="submit" name="dima_contact_submit" class="btn btn-primary btn-large">
                        📤 ارسال پیام
                    </button>
                </form>
            </div>
        </main>
        
    </div>
    
</div>

<style>
.dima-contact-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Vazir', Tahoma, sans-serif;
}

.contact-header {
    text-align: center;
    margin-bottom: 40px;
}

.contact-header h1 {
    font-size: 36px;
    color: #1f2937;
    margin: 0 0 10px 0;
}

.contact-header p {
    font-size: 18px;
    color: #6b7280;
    margin: 0;
}

.contact-alert {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    font-weight: 600;
}

.contact-alert.success {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.contact-alert.error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.contact-layout {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 30px;
}

@media (max-width: 968px) {
    .contact-layout {
        grid-template-columns: 1fr;
    }
}

.info-card, .social-card, .form-card {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #e5e7eb;
    margin-bottom: 20px;
}

.info-card h3, .social-card h3, .form-card h3 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid #f3f4f6;
    color: #1f2937;
}

.info-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f3f4f6;
}

.info-item:last-child {
    border-bottom: none;
}

.info-icon {
    font-size: 24px;
    width: 40px;
    text-align: center;
}

.info-content {
    flex: 1;
}

.info-label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 4px;
    font-weight: 600;
}

.info-value {
    font-size: 15px;
    color: #1f2937;
    font-weight: 600;
}

.info-value a {
    color: #6366f1;
    text-decoration: none;
}

.info-value a:hover {
    text-decoration: underline;
}

.social-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 10px;
    text-decoration: none;
    color: #374151;
    transition: all 0.2s;
}

.social-link:hover {
    background: #6366f1;
    color: white;
    transform: translateX(-5px);
}

.social-icon {
    font-size: 20px;
}

.social-name {
    font-weight: 600;
}

.form-description {
    color: #6b7280;
    margin-bottom: 20px;
    font-size: 14px;
}

.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .contact-form .form-row {
        grid-template-columns: 1fr;
    }
}

.contact-form .form-group {
    margin-bottom: 15px;
}

.contact-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #374151;
    font-size: 14px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    transition: all 0.2s;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.contact-form textarea {
    resize: vertical;
    min-height: 120px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 10px;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-primary {
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.3);
}

.btn-large {
    padding: 14px 28px;
    font-size: 16px;
    width: 100%;
}
</style>