<?php
    session_start();
?>

    <!DOCTYPE html>
<html lang="en">

<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- ========== Page Title ========== -->
    <title>Cornerstone Christmas Party</title>

    <meta name="description" content="Christmas Party Invitation Form">

    <!-- ========== Favicon Icon ========== -->
    <link rel="shortcut icon" href="../../assets/img/favicon.png" type="image/x-icon">


 <!-- Social Share Data -->

    <meta content="text/html; charset=utf-8" name="Content-Type">

     <meta property="og:type" content="article">

    <meta property="og:image" content="https://cornerstoneassetmanagers.com/assets/img/card/1.png">

    <!--  Less than 65 characters -->
    <meta property="og:title" content="Cornerstone Christmas Party">

    <meta property="og:url" content="https://cornerstone.co.ug/forms/xmas-party">

 <!--  Less than 300 characters -->
    <meta property="og:description" content="Christmas Party Invitation Form">

    <meta property="og:site_name" content="Cornerstone Christmas Party">
    
    <!-- Twitter Cards -->

    <meta name="twitter:card" content="summary_large_image">

    <meta name="twitter:url" content="https://cornerstone.co.ug/forms/xmas-party">

    <meta name="twitter:title" content="Cornerstone Christmas Party">

    <meta name="twitter:description" content="Christmas Party Invitation Form">

    <meta name="twitter:image" content="https://cornerstoneassetmanagers.com/assets/img/card/1.png">

    <meta name="twitter:site" content="@cornerstone_asset_managers">

    <meta name="twitter:creator" content="@iann_thecreator">

    <!-- ========== Start Stylesheet ========== -->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../../assets/css/themify-icons.css" rel="stylesheet" />
    <link href="../../assets/css/flaticon-set.css" rel="stylesheet" />
    <link href="../../assets/css/magnific-popup.css" rel="stylesheet" />
    <link href="../../assets/css/owl.carousel.min.css" rel="stylesheet" />
    <link href="../../assets/css/owl.theme.default.min.css" rel="stylesheet" />
    <link href="../../assets/css/animate.css" rel="stylesheet" />
    <link href="../../assets/css/bootsnav.css" rel="stylesheet" />
    <link href="../../assets/css/style.css" rel="stylesheet">
    <link href="../../assets/css/responsive.css" rel="stylesheet" />  

    <!--Animations-->
    <link rel="stylesheet" type="text/css" href="../../assets/css/animations/style.css"> 

    <!--Fontawesome 6-->
    <link href="../../assets/css/fontawesome/css/all.css" rel="stylesheet">

    <link href="../../assets/css/datatable/dataTable.bootstrap.min.css" rel="stylesheet">  

    <!-- ========== End Stylesheet ========== -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5/html5shiv.min.js"></script>
      <script src="../../assets/js/html5/respond.min.js"></script>
    <![endif]-->

    <!-- ========== Google Fonts ========== -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">


<style type="text/css">

.bg-dark {
    background: #000 !important;
}

.navbar-header {
    display: none;
}

.contact-items {
    background: none !important;
    backdrop-filter: blur(3px);
  -moz-backdrop-filter: blur(3px);
  -o-backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.contact-area .contact-items .right-item {
    background: none !important;
}

.address-details.two {
    display: none;
}

/**.address-details i {
    color: #e51e23 !important;
}**/

.left-item form input,
.left-item form textarea {
    background: none;
}

.left-item form input:focus,
.left-item form textarea:focus,
.left-item form input:active,
.left-item form textarea:active {
    outline: none;
    border: none;
    background: none;
}



/* If the screen size is  btn 767.98px less and 576px wide */
@media screen and (max-width: 991.98px) and (min-width: 0) {
.address-details.one {
    display: none !important;
}

.address-details.two {
    display: block !important;
}

.navbar-header {
    display: block !important;
}

}

</style>

</head>

<body style="background: #000;">

    <!-- Preloader Start --
    <div class="se-pre-con"></div>
    -- Preloader Ends --><!-- Header 
    ============================================= -->
    <header id="home">

        <!-- Start Navigation -->
        <nav class="navbar navbar-sticky bootsnav">

            

    <!-- Start Header Top 
    ============================================= -->
    <div class="top-bar-area overflow-hidden navbar-sticky bg-dark text-light">
        <div class="container">
            <div class="row align-center">
                
                <div class="col-lg-9 info">
                    <div class="info box item-flex">
                    <a class="navbar-brand1" href="../../">
                        <img src="../../assets/img/logo/logo-light.png" class="logo" width="120px" alt="Logo">
                    </a>
                        <ul class="list">
                            <li><b>CHRISTMAS PARTY FORM</b></li>
                        </ul>
                        <ul class="social">
                            <li class="facebook">
                                <i class="fab fa-facebook"></i>
                            </li>
                            <li class="twitter">
                                <i class="fab fa-x-twitter"></i>
                            </li>
                            <li class="pinterest">
                                <i class="fab fa-instagram"></i>
                            </li>
                            <li class="linkedin">
                                <i class="fab fa-linkedin"></i>
                            </li>
                            <li class="youtube">
                                <i class="fab fa-youtube"></i>
                            </li>
                            <li class="whatsapp">
                                <i class="fab fa-whatsapp"></i>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-3 text-right button-box">
                    <div class="button login-signup">
                        <a href="../../" class="text-uppercase" target="_blank">Visit Our Website <i class="fa fa-arrow-circle-right ml-2 float-bounce-right"></i></a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Header Top -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">

                    <div class="text-right navbar-login mr-2 mt-4">
                        <a href="../../" class="btn btn-dark border-dark bg-white btn-sm text-dark" target="_blank">Visit Website <i class="fa fa-arrow-circle-right ml-2 float-bounce-right"></i></a>
                    </div>

                    <a class="navbar-brand1" href="#!">
                        <img src="../../assets/img/logo/logo-dark.png" class="logo" alt="Logo" width="150px" align="left">
                    </a>

                </div>
                <!-- End Header Navigation -->

        </nav>
        <!-- End Navigation -->

    </header>
    <!-- End Header -->
    

    <!-- Start Breadcrumb 
    ============================================= -->
    <div class="breadcrumb-area gradient-bg bg-cover shadow dark text-light text-center" style="background-image: url(../../assets/img/stock/events/xmas-party/body/6.jpeg);background-size: cover;">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1>Christmas Party Form</h1>
                    <h6 class="text-uppercase">Cornerstone Christmas Party on 14th December</h6>
                    <p style="font-size: 12px;">Please invite your family this Sunday, 14th December 2025. Register the people who will be attending the party. We shall have a bouncing castle, face painting, ice cream machine, Father Christmas and lots of games starting from 1pm. Come ready to have fun!</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->

    <!-- Shape -->
            <img src="../../assets/img/stock/lines/3.png" alt="Shape">
        <!-- End Shape -->

    <?php

        if(isset($_SESSION['error'])){
          echo
          "
          <div class='alert' style='margin-top:15px; color: #fff;font-weight: bold;border-radius: 10px !important;padding: 5px 60px;'>
                <ol class='breadcrumb'>
                  <li>
            <button class='close' style='position: absolute;right: 35px;color: #fff;opacity: 1;'>&times;</button>
            ".$_SESSION['error']."
          </li>
                </ol>
              </div>
          ";
          unset($_SESSION['error']);
        }
        if(isset($_SESSION['success'])){
          echo
          "
          <div class='alert' style='margin-top:15px; color: #fff;font-weight: bold;border-radius: 10px !important;padding: 5px 40px;'>
                <ol class='breadcrumb'>
                  <li>
            <button class='close' style='color: #fff;opacity: 1;margin-left: 30px;'>&times;</button>
            ".$_SESSION['success']."
          </li>
                </ol>
              </div>
          ";
          unset($_SESSION['success']);
        }
  ?>

    <!-- Start Contact Area
    ============================================= -->
    <div class="contact-area default-padding">
        <!-- Fixed BG --
        <div class="fixed-bg">
            <img src="../../assets/img/illustration/3.png" alt="Thumb">
        </div>
        -- End Fixed BG -->
        <div class="container">
            <div class="contact-items">
                <div class="row align-center">

                    <div class="col-lg-4 right-item address-details one">
                        <div class="info-items text-light">
                            <img src="../../assets/img/stock/events/xmas-party/side/2.png">
                            <!--<video autoplay muted playsinline width="100%">
                            <source src="../../assets/img/stock/events/agents-bbq/side/7.mp4" type="video/mp4">
                            Video not supported by your browser, update or switch browser.
                        </video>-->
                        </div>
                    </div>
                    
                    <div class="col-lg-8 left-item">
                        <div class="content">
                            <h2 class="text-gradient-3">Join the Cornerstone Christmas Party.<span class="flash">.</span></h2>
                            <p>Let's celebrate the festive spirit together.</p>

                            <form action="xmas/index.php" method="POST">
                                <div class="row">


                                    <input type="hidden" name="event" value="Xmas Party">
                                    <input type="hidden" name="event_id" value="<?php echo date("HisdmY",time()); ?>">

                                    <div class="col-lg-12 username">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="username" placeholder="Username">
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="name" placeholder="Full Names" required>
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="phone" placeholder="Phone Number" required>
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="email" class="form-control" name="email" placeholder="Email Address" required>
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>

                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input type="number" class="form-control" name="child_no" placeholder="No. of Children (Optional)">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <div class="form-group comments">
                                            <textarea class="form-control" name="suggestion" placeholder="Suggest an idea.. (Optional)"></textarea>
                                        </div>
                                    </div>

                                    <div class="col-lg-12">
                                        <button type="submit" name="submit">
                                            Proceed to join <i class="fa fa-arrow-right ml-2 float-bounce-right"></i>
                                        </button>
                                    </div>

                                <!-- Alert Message -->
                                <div class="col-lg-12 alert-notification">
                                    <div id="message" class="alert-msg"></div>
                                </div>
                            </div>
                            </form>
                        </div>
                    </div>

                    <div class="col-lg-4 right-item address-details two">
                        <div class="info-items text-light">
                            <!-- Single Item -->
                            <div class="item">
                                <div class="icon">
                                    <i class="fas fa-map-marked-alt"></i>
                                </div>
                                <div class="info">
                                    <h5>Location</h5>
                                    <p>
                                         P.O Box 160498 <br> 
                                         Plot 16A, Ntinda II Road <br>
                                         Naguru, Kampala (Uganda) 
                                    </p>
                                </div>
                            </div>
                            <!-- End Single Item -->
                            <!-- Single Item -->
                            <div class="item">
                                <div class="icon">
                                    <i class="fas fa-phone"></i>
                                </div>
                                <div class="info">
                                    <h5>Call Us</h5>
                                    <p>
                                        <a href="tel:+256767936167">+256 767 936167</a>
                                    </p>
                                </div>
                            </div>
                            <!-- End Single Item -->
                            <!-- Single Item -->
                            <div class="item">
                                <div class="icon">
                                    <i class="fas fa-envelope-open"></i>
                                </div>
                                <div class="info">
                                    <h5>Send Mail</h5>
                                    <p>
                                        <a href="mailto:clientsupport@cornerstone.co.ug" style="font-weight: normal;font-size: 12px;">clientsupport@cornerstone.co.ug</a>
                                    </p>
                                </div>
                            </div>
                            <!-- End Single Item -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Contact -->

    <!-- Start Google Maps 
    =============================================-->
    <div class="maps-area">
        <div class="google-maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.7439840506568!2d32.60727287426711!3d0.34975359964682495!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x177dbb004077e16b%3A0xc3f4a4c4159e5f0f!2sCornerstone%20Asset%20Managers!5e0!3m2!1sen!2sug!4v1764872854571!5m2!1sen!2sug" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
    <!-- End Google Maps -->

    <!-- Start Google Maps 
    ============================================= 
    <div class="maps-area">
        <div class="google-maps">
            <iframe src="https://www.google.com/maps/embed?pb=!1m26!1m12!1m3!1d63836.21016989284!2d32.56389284458511!3d0.30134987209251224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m11!3e6!4m3!3m2!1d0.262395!2d32.6321656!4m5!1s0x177dbbaf4cea8a9d%3A0x6872ba4a55aad286!2s22%20Bukoto%20St%2C%20Kampala!3m2!1d0.3403082!2d32.5882674!5e0!3m2!1sen!2sug!4v1702482084751!5m2!1sen!2sug" width="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
     End Google Maps -->

    <!-- Start Footer 
    ============================================= -->
    <footer class="bg-dark text-light">
        <!-- Fixed Shape -->

        <div class="footer-bottom">
            <div class="container">
                <div class="row pt-4">
                    <div class="col-lg-4">
                        <ul class="footer-social">
                            <li class="facebook mr-2">
                                <a href="https://www.facebook.com/profile.php?id=61569347717892"><i class="fab fa-facebook"></i></a>
                            </li>
                            <li class="twitter mr-2">
                                <a href="https://x.com/csassetmanagers?s=21"><i class="fab fa-x-twitter"></i></a>
                            </li>
                            <li class="pinterest mr-2">
                                <a href="https://www.instagram.com/cornerstone_assetmanagers/profilecard/?igsh=MW40eXh1cDZ0NnFwZQ=="><i class="fab fa-instagram"></i></a>
                            </li>
                            <li class="linkedin mr-2">
                                <a href="https://www.linkedin.com/company/cornerstone-asset-managers/"><i class="fab fa-linkedin"></i></a>
                            </li>
                            <li class="youtube mr-2">
                                <a href="https://www.youtube.com/channel/UC4ODu7TJiwK2FfToYPRgTYg"><i class="fab fa-youtube"></i></a>
                            </li>
                            <li class="whatsapp">
                                <a href="https://wa.me/256767936167?text=https://cornerstone.co.ug *Cornerstone Support* %0D%0A  %0D%0A Hello, we are always happy to hear from you %0D%0A  %0D%0A"><i class="fab fa-whatsapp"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-4 text-center">
                        <p class="text-gradient-3">Cornerstone Asset Managers</a> &copy; <script>document.write(new Date().getFullYear());</script></p>
                    </div>
                    <div class="col-lg-4 text-right">
                        <p style="font-size: 10px;">Powered by Custom Assist Inc<span class="flash">.</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Start Footer Bottom -->

        <div class="fixed-shape">
            <img src="../../assets/img/shape/3.svg" alt="Shape">
        </div>
        <!-- End Fixed Shape -->
    </footer>
    <!-- End Footer -->

    <!----Modals Start---->
    <?php include('../../modals/quote.php'); ?>
    <!----Modals End---->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="../../assets/js/jquery-1.12.4.min.js"></script>
    <script src="../../assets/js/popper.min.js"></script>
    <script src="../../assets/js/bootstrap.min.js"></script>
    <script src="../../assets/js/equal-height.min.js"></script>
    <script src="../../assets/js/jquery.appear.js"></script>
    <script src="../../assets/js/jquery.easing.min.js"></script>
    <script src="../../assets/js/jquery.magnific-popup.min.js"></script>
    <script src="../../assets/js/modernizr.custom.13711.js"></script>
    <script src="../../assets/js/owl.carousel.min.js"></script>
    <script src="../../assets/js/wow.min.js"></script>
    <script src="../../assets/js/progress-bar.min.js"></script>
    <script src="../../assets/js/isotope.pkgd.min.js"></script>
    <script src="../../assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="../../assets/js/count-to.js"></script>
    <script src="../../assets/js/bootsnav.js"></script>
    <script src="../../assets/js/main.js"></script>

    <script src="../../assets/js/datatable/jquery.dataTables.min.js"></script>
    <script src="../../assets/js/datatable/dataTable.bootstrap.min.js"></script>

<script>
$(document).ready(function(){
  //inialize datatable
    $('#myTable').DataTable();

    //hide alert
    $(document).on('click', '.close', function(){
      $('.alert').hide();
    })
});
</script>



<script>
$(document).ready(function() {
  var delay = 500;
  $('#newsletter').click(function(e){
    e.preventDefault();
    
    var username = $('#username').val();

    var newsletter = $('#newsletter').val();

    var email = $('#email').val();
        if(email == ''){
      $('.message_box').html(
      '<span style="color:white;font-size: 14px;">Please Enter An Email Address!</span>'
      );
      $('#email').focus();
            return false;
      }
    if( $("#email").val()!='' ){
      if( !isValidEmailAddress( $("#email").val() ) ){
      $('.message_box').html(
      '<span style="color:white;font-size: 14px;">Provided email address is incorrect!</span>'
      );
      $('#email').focus();
      return false;
      }
      }
    
          
      $.ajax
      ({
             type: "POST",
       url: "../../contact-us/newsletters/index.php",
             data: "email="+email+"&username="+username+"&newsletter="+newsletter,
       beforeSend: function() {
       $('.message_box_one').html(
       '<button type="submit" id="newsletter" name="newsletter" class="message_box_one"><img src="../../assets/img/success.gif" width="25" height="25"/></button>'
       );
       },    
             success: function(data)
       {
         setTimeout(function() {
                    $('.message_box').html(data);
                }, delay);
      
             }
       });
  });
      
});

//Email validation Function 
function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
};
</script>

</body>
</html>