<?php 
/**
 * Template Name: contact page
 
 */
get_header(); ?>
<section class="section-top" >
        <div class="container">
          <div class="col-lg-10 offset-lg-1 text-center">
            <div class="section-top-title">
              <h1>Get In Touch</h1>
              <ul>
                <li><a href="/">Home</a></li>
                <li class="ms-1"> / Contact</li>
              </ul>
            </div>
          </div>
        </div>
      </section>

    <section id="contact" class="contact_area pt-0 overflow-hidden">
        <div class="container">
          <div class="row g-4">
            
            <div class="section-title section-title111" style="opacity: 1; transform: none; will-change: auto;">
        <h2>Do you have any Query?<br>Submit Your message.</h2>
      </div>
            <!-- Contact Form Section -->
            <div class="col-lg-7 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
              <div class="contact">
             <form class="form" method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>">
  
            <?php wp_nonce_field('contact_form_nonce', 'contact_nonce'); ?>
            <input type="hidden" name="action" value="submit_contact_form">

            <div class="row">

              <div class="form-group col-md-6">
                <label>Name</label>
                <input type="text" name="name" class="form-control" required>
              </div>

              <div class="form-group col-md-6">
                <label>Your Email</label>
                <input type="email" name="email" class="form-control" required>
              </div>

              <div class="form-group col-md-6">
                <label>Your Contact Number</label>
                <input type="text" name="contact_number" class="form-control" required>
              </div>

              <div class="form-group col-md-6">
                <label>Your Subject</label>
                <input type="text" name="subject" class="form-control" required>
              </div>

              <div class="form-group col-md-12">
                <label>Your Message</label>
                <textarea rows="6" name="message" class="form-control" required></textarea>
              </div>

              <div class="col-md-12">
                <button type="submit" class="view-events-btn">
                  <i class="fa-regular fa-paper-plane"></i> Send Message
                </button>
              </div>

            </div>
          </form>

              </div>
            </div>
            <div class="col-lg-5 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
                <div class="contact-section">
                    <!-- Google Map Section -->
                    <div class="map-container">
                      <iframe 
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d349918.929166137!2d25.607028971741746!3d44.426763482132836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b20f8d4e9c22b3%3A0xe381d77b3f7bcf7d!2z0KDQvtCy0YDQsdGB0YLQuCDQu9Gf0YHQutCw!5e0!3m2!1sen!2sus!4v1588903576721!5m2!1sen!2sus" 
                        allowfullscreen 
                        aria-hidden="false" 
                        tabindex="0">
                      </iframe>
                    </div>
                
                    <!-- Footer Section -->
                   
                  </div>
            </div>
              <div class="contact-info">
                <div class="contact-item">
                  <a href="mailto:needhelp@company.com">
                    <i class="fa-solid fa-envelope"></i>
                    <div class="data">
                      <span>needhelp@company.com</span>
                      <span>needhelp@company.com</span>
                    </div>
                  </a>
                </div>
                <div class="contact-item">
                  <a href="tel:+90840938334">
                    <i class="fa-solid fa-phone"></i>
                    <div class="data">
                      <span>+90840938334</span>
                      <span>+977-9843484384</span>
                    </div>
                  </a>
                </div>
                <div class="contact-item">
                  <a href="mailto:needhelp@company.com">
                    <i class="fa-solid fa-location-dot"></i>
                    <div class="data">
                      <span>Birgunj-15</span>
                      <span>Birgunj, Parsa</span>
                    </div>
                  </a>
                </div>
              
            </div>
          </div>
        </div>
    </section>
<?php get_footer(); ?>