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





<div class="page-banner-area bg-2">
   <div class="container">
      <div class="page-banner-content">
         <h1>Contact Us</h1>
         <ul>
            <li><a href="index.php">Home</a></li>
            <li>Contact Us</li>
         </ul>
      </div>
   </div>
</div>
<div class="contact-us-area pt-100 pb-70">
   <div class="container">
      <div class="row">
         <div class="col-lg-6">
            <div class="contacts-form">
               <h3>Leave a message</h3>
               <?php
                  if (isset($_SESSION['msg'])) {
                     echo $_SESSION['msg'];
                     unset($_SESSION['msg']);
                  }
               ?>
               <form id="" action="contact_mail.php" method="post">
                  <div class="row">
                     <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                           <label>Your name</label>
                           <input type="text" name="name" id="name" class="form-control" required data-error="Please enter your name">
                           <div class="help-block with-errors"></div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                           <label>Your email</label>
                           <input type="email" name="email" id="email" class="form-control" required data-error="Please enter your email">
                           <div class="help-block with-errors"></div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                           <label>Your phone</label>
                           <input type="text" name="phone" id="phone_number" required data-error="Please enter your number" class="form-control">
                           <div class="help-block with-errors"></div>
                        </div>
                     </div>
                     <div class="col-lg-6 col-sm-6">
                        <div class="form-group">
                           <label>Subject</label>
                           <input type="text" name="subject" id="msg_subject" class="form-control" required data-error="Please enter your subject">
                           <div class="help-block with-errors"></div>
                        </div>
                     </div>
                     <div class="col-12">
                        <div class="form-group">
                           <label>Your message</label>
                           <textarea name="message" class="form-control" id="message" cols="30" rows="8" required data-error="Write your message"></textarea>
                           <div class="help-block with-errors"></div>
                        </div>
                     </div>                     
                     <div class="col-lg-12 col-md-12">
                        <button type="submit" class="default-btn" name="Submit_Btn">
                        <span>Send message</span>
                        </button>
                        <div class="clearfix"></div>
                     </div>
                  </div>
               </form>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="contact-and-address">
               <h2>Let's Contact Us</h2>
               <p>We honor children as divine gifts, each uniquely responding to life's wonders. Rooted in the traditions of inspired educators, we prioritize joyful learning alongside deep understanding. </p>
               <div class="contact-and-address-content">
                  <div class="row">
                     <div class="col-lg-6 col-md-6">
                        <div class="contact-card">
                           <div class="icon">
                              <i class="ri-phone-line"></i>
                           </div>
                           <h4>Contact</h4>
                           <p>Mobile: <a href="tel:<?php if (!empty($phone1)) { echo $phone1; } ?>"><?php if (!empty($phone1)) { echo $phone1; } ?></a> 

                              <a href="tel:<?php if (!empty($phone2)) { echo $phone2; } ?>"><?php if (!empty($phone2)) { echo ", ".$phone2; } ?></a> 

                              <a href="tel:<?php if (!empty($phone3)) { echo $phone3; } ?>"><?php if (!empty($phone3)) { echo ", ".$phone3; } ?></a>
                           </p>

                           <p>Mail: <a href="mailto:<?php if (!empty($email)) { echo $email; } ?>"><?php if (!empty($email)) { echo $email; } ?></a></p>
                        </div>
                     </div>
                     <div class="col-lg-6 col-md-6">
                        <div class="contact-card">
                           <div class="icon">
                              <i class="ri-map-pin-line"></i>
                           </div>
                           <h4>Address</h4>
                           <p><?php if (!empty($address)) { echo $address; } ?></p>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="social-media">
                  <h3>Social Media</h3>
                  <p>For the social media links on your school's website, you can use short and engaging content to encourage visitors to connect with you on social media.</p>
                  <ul>
                     <li>
                        <a href="https://www.facebook.com/sonimodernschool?mibextid=JRoKGi" target="_blank"><i class="flaticon-facebook"></i></a>
                     </li>
                     <li>
                        <a href="https://youtube.com/@sonimodernpublicschool9781?si=Q7P-GiCiGVWEQqY_" target="_blank"><i class="ri-youtube-fill"></i></a>
                     </li>
                     <li>
                        <a href="https://www.instagram.com/sonimodernschool?igsh=aTloeXZiOG10MzNk" target="_blank"><i class="flaticon-instagram"></i></a>
                     </li>
                     <!-- <li>
                        <a href="https://www.twitter.com/" target="_blank"><i class="flaticon-twitter"></i></a>
                     </li>
                     <li>
                        <a href="https://linkedin.com/?lang=en" target="_blank"><i class="flaticon-linkedin"></i></a>
                     </li> -->
                  </ul>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>




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