<?php include 'header.php'; ?>

<div style="direction: <?php echo ($lang == 'ar' ? 'rtl' : 'ltr'); ?>; 
            text-align: <?php echo ($lang == 'ar' ? 'right' : 'left'); ?>;
            background: url('your-texture-image.jpg'); 
            background-attachment: fixed; 
            background-size: cover;
            min-height: 100vh;">

    <section class="py-5">
        <div class="container">
            <div class="text-center mb-5 bg-white bg-opacity-75 p-4 rounded-4 shadow-sm" style="backdrop-filter: blur(5px); border-bottom: 3px solid #d9b34d;">
                <h2 class="fw-bold" style="color: #1a1a1a;"><?php echo $words[$lang]['contact']; ?></h2>
                <p style="color: #d9b34d; font-weight: 600; font-size: 1.1rem;">
                    <?php echo ($lang == 'ar' ? 'نحن هنا للإجابة على استفساراتكم' : ($lang == 'tr' ? 'Sorularınızı yanıtlamak için buradayız' : 'We are here to answer your questions')); ?>
                </p>
            </div>

            <div class="row g-4">
                <div class="col-md-5">
                    <div class="p-4 rounded-4 shadow-lg bg-white h-100" style="border-<?php echo ($lang == 'ar' ? 'right' : 'left'); ?>: 6px solid #d9b34d;">
                        <h4 class="mb-4 fw-bold" style="color: #1a1a1a;"><?php echo ($lang == 'ar' ? 'معلومات التواصل' : ($lang == 'tr' ? 'İletişim Bilgileri' : 'Contact Information')); ?></h4>
                        
                        <div class="d-flex align-items-start mb-4">
                            <div class="icon-box p-3 rounded-3" style="background: #fdfaf7; color: #d9b34d; border: 1px solid #f2e5d9;">
                                <i class="fas fa-map-marker-alt fa-lg"></i>
                            </div>
                            <div class="<?php echo ($lang == 'ar' ? 'me-3' : 'ms-3'); ?>">
                                <h6 class="fw-bold mb-1"><?php echo ($lang == 'ar' ? 'العنوان' : ($lang == 'tr' ? 'Adres' : 'Address')); ?></h6>
                                <p class="text-muted small mb-0">
                                    <?php echo ($lang == 'ar' ? 'شارع الشريعة، عمان، الأردن' : ($lang == 'tr' ? 'Asharieh Cad. Amman, Ürdün' : 'Asharieh St. Amman, Jordan')); ?>
                                </p>
                            </div>
                        </div>

                        <div class="d-flex align-items-start mb-4">
                            <div class="icon-box p-3 rounded-3" style="background: #fdfaf7; color: #d9b34d; border: 1px solid #f2e5d9;">
                                <i class="fas fa-phone-alt fa-lg"></i>
                            </div>
                            <div class="<?php echo ($lang == 'ar' ? 'me-3' : 'ms-3'); ?>">
                                <h6 class="fw-bold mb-1"><?php echo ($lang == 'ar' ? 'الهاتف' : 'Telefon'); ?></h6>
                                <a href="tel:+962775400430" class="text-decoration-none text-muted small" style="direction: ltr; unicode-bidi: plaintext; display: inline-block;">
                                    +962 775 400 430
                                </a>
                            </div>
                        </div>

                        <div class="d-flex align-items-start mb-4">
                            <div class="icon-box p-3 rounded-3" style="background: #fdfaf7; color: #d9b34d; border: 1px solid #f2e5d9;">
                                <i class="fas fa-envelope fa-lg"></i>
                            </div>
                            <div class="<?php echo ($lang == 'ar' ? 'me-3' : 'ms-3'); ?>">
                                <h6 class="fw-bold mb-1"><?php echo ($lang == 'ar' ? 'البريد الإلكتروني' : 'E-posta'); ?></h6>
                                <a href="mailto:info@lughatalarab.com" class="text-decoration-none text-muted small">info@lughatalarab.com</a>
                            </div>
                        </div>

                        <div class="d-flex align-items-start">
                            <div class="icon-box p-3 rounded-3" style="background: #e9f7ef; color: #25d366; border: 1px solid #c3e6cb;">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </div>
                            <div class="<?php echo ($lang == 'ar' ? 'me-3' : 'ms-3'); ?>">
                                <h6 class="fw-bold mb-1">WhatsApp</h6>
                                <a href="https://wa.me/962775400430" class="text-decoration-none text-muted small" style="direction: ltr; unicode-bidi: plaintext; display: inline-block;">
                                    +962 775 400 430
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-7">
                    <div class="rounded-4 overflow-hidden shadow-lg border" style="height: 100%; min-height: 400px; border: 2px solid #d9b34d !important;">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3385.1467489145193!2d35.92009087611176!3d31.95691532544378!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151b5f964530c899%3A0x9b657f051d8748ba!2zTHVnaGF0IEFsIEFyYWIgSW5zdGl0dXRlIC0g2YXYudmH2K8g2YTYutipINin2YTYudix2Kg!5e0!3m2!1sen!2sjo!4v1766696500928!5m2!1sen!2sjo" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<?php include 'footer.php'; ?>
