File Manager - Mr.X

Editing:template-contact.php

<?php
/**
 * Template Name: Contact Page
 */
get_header(); ?>

<section class="page-banner-section">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h1 class="page-banner-title"><?php the_title(); ?></h1>
                <?php unfia_breadcrumbs(); ?>
            </div>
        </div>
    </div>
</section>

<section class="contact-section section-padding">
    <div class="container">
        <div class="row g-5">
            <div class="col-lg-6" data-aos="fade-right">
                <span class="section-subtitle"><?php _e('Get In Touch', 'unfia'); ?></span>
                <h2><?php _e('Contact Us', 'unfia'); ?></h2>
                <p><?php _e('We would love to hear from you. Reach out to us for inquiries, partnerships, membership, or any other questions.', 'unfia'); ?></p>

<div class="contact-info-cards">
                    <div class="contact-info-card">
                        <div class="contact-icon">
                            <i class="fas fa-user-tie"></i>
                        </div>
                        <div class="contact-details">
                            <h4><?php _e('Director General', 'unfia'); ?></h4>
                            <p><?php _e('Ranjith Opatha', 'unfia'); ?></p>
                        </div>
                    </div>

<div class="contact-info-card">
                        <div class="contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div class="contact-details">
                            <h4><?php _e('Address', 'unfia'); ?></h4>
                            <p><?php echo nl2br(esc_html(unfia_get_option('contact_address', "United Nations Federation Of International Astro\n50D Mathugama Road\nDodangoda, 12020\nSri Lanka"))); ?></p>
                        </div>
                    </div>

<div class="contact-info-card">
                        <div class="contact-icon">
                            <i class="fab fa-whatsapp"></i>
                        </div>
                        <div class="contact-details">
                            <h4><?php _e('USA WhatsApp', 'unfia'); ?></h4>
                            <p><a href="<?php echo esc_url(unfia_whatsapp_link('usa')); ?>"><?php echo esc_html(unfia_get_option('whatsapp_usa', '+1 (307) 393-9042')); ?></a></p>
                        </div>
                    </div>

<div class="contact-info-card">
                        <div class="contact-icon">
                            <i class="fab fa-whatsapp"></i>
                        </div>
                        <div class="contact-details">
                            <h4><?php _e('Sri Lanka WhatsApp', 'unfia'); ?></h4>
                            <p><a href="<?php echo esc_url(unfia_whatsapp_link('sri')); ?>"><?php echo esc_html(unfia_get_option('whatsapp_sri', '+94 772305309')); ?></a></p>
                        </div>
                    </div>

<div class="contact-info-card">
                        <div class="contact-icon">
                            <i class="far fa-envelope"></i>
                        </div>
                        <div class="contact-details">
                            <h4><?php _e('Email', 'unfia'); ?></h4>
                            <p><a href="mailto:<?php echo esc_attr(unfia_email()); ?>"><?php echo esc_html(unfia_email()); ?></a></p>
                        </div>
                    </div>
                </div>
            </div>

<div class="col-lg-6" data-aos="fade-left">
                <div class="contact-form-wrapper">
                    <h3><?php _e('Send Us a Message', 'unfia'); ?></h3>
                    <?php if (isset($_GET['sent']) && $_GET['sent'] == '1'): ?>
                        <div class="alert alert-success" role="alert">
                            <?php _e('Thank you for your message. We will get back to you shortly.', 'unfia'); ?>
                        </div>
                    <?php endif; ?>
                    <form class="unfia-form" action="<?php echo esc_url(admin_url('admin-post.php')); ?>" method="post">
                        <input type="hidden" name="action" value="unfia_contact_form">
                        <?php wp_nonce_field('unfia_contact_nonce', 'contact_nonce'); ?>
                        <div class="row g-3">
                            <div class="col-md-6">
                                <input type="text" name="user_name" class="form-control" placeholder="<?php esc_attr_e('Your Name *', 'unfia'); ?>" required>
                            </div>
                            <div class="col-md-6">
                                <input type="email" name="user_email" class="form-control" placeholder="<?php esc_attr_e('Your Email *', 'unfia'); ?>" required>
                            </div>
                            <div class="col-12">
                                <input type="text" name="subject" class="form-control" placeholder="<?php esc_attr_e('Subject', 'unfia'); ?>">
                            </div>
                            <div class="col-12">
                                <textarea name="message" class="form-control" rows="6" placeholder="<?php esc_attr_e('Your Message *', 'unfia'); ?>" required></textarea>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary btn-lg w-100"><?php _e('Send Message', 'unfia'); ?> <i class="fas fa-paper-plane"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="map-section">
    <div class="map-container">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3963.952028789044!2d80.0!3d6.0!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwMDAnMDAuMCJOIDgwwrAwMCcwMC4wIkU!5e0!3m2!1sen!2slk!4v1" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>
</section>

<?php get_footer(); ?>