

        






          <!-- ======= Hero Section ======= -->
  <section id="hero">
    <div class="hero-container">
      <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">


        <div class="carousel-inner" role="listbox">

         
          <div class="carousel-item active" style="background-image: url(assets/img/slide/imag-1.jpeg); background-size: cover; background-position:center">
            <div class="carousel-container">
              <div class="carousel-content">
              <br><br><br><br><br><br>
              <center>
              <div  style="background-color:beige;"class="container">
                                  <center>
                                               <?php if( $this->session->flashdata('error') != "" ) : ?>
                   <div class="row"><div class="col-xs-12"><div class="alert alert-danger"><?php echo $this->session->flashdata('error'); ?></div></div></div>
                <?php endif; ?>
                <?php if( $this->session->flashdata('success') != "" ) : ?>
                   <div class="row"><div class="col-xs-12"><div class="alert alert-success"><?php echo $this->session->flashdata('success'); ?></div></div></div>
                <?php endif; ?>
                        </center>

                    <?php echo form_open( 'register',array('role'=>'form','data-toggle'=>"validator" ,'class'=>"form-horizontal")) ; ?>

                    <u> <h1>Event Registration Form</h1></u>
                     <p>Please Fill in the following details;</p>
          <div class="row">
           <label class="control-label col-sm-1" for="address"> Name</label>
            <div class="col-lg-3 col-md-4 form-group">
              <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" required/>
            </div>
             <label class="control-label col-sm-1" for="address"> Email</label>
            <div class="col-lg-3 col-md-4 form-group mt-3 mt-md-0">
              <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" required/>
            </div>
                         <label class="control-label col-sm-1" for="address"> Contact</label>

            <div class="col-lg-3 col-md-6 form-group mt-3 mt-md-0">
          <input type="number"  name="phone" class="form-control" id="phone" value="<?php echo set_value('phone')?>" placeholder="Your Phone" required/>  

           
            </div>
          </div><br>
          <div class="row">
           <label class="control-label col-sm-1" for="address"> Age</label>
            <div class="col-lg-3 col-md-4 form-group">
              <input type="number" name="age" class="form-control" id="age" placeholder="Your Age" data-rule="minlen:4" data-msg="Please enter at least 4 chars" required/>
            </div>
             <label class="control-label col-sm-1" for="address"> National ID</label>
            <div class="col-lg-3 col-md-4 form-group mt-3 mt-md-0">
              <input type="number" class="form-control" name="id_number" id="id_number" placeholder=" ID Number" data-rule="email" data-msg="Please enter a valid email" required/>
            </div>
                         <label class="control-label col-sm-1" for="address"> Location</label>

            <div class="col-lg-3 col-md-6 form-group mt-3 mt-md-0">
          <input type="text"  name="location" class="form-control" id="location" value="<?php echo set_value('location')?>" placeholder="Your Location" required/>  

           
            </div>
          </div><br>
          
        
         
      
      
       
          <div class="text-center"><button type="submit">submit</button></div>
        </form>
        </div>
        </center>
               
              </div>
            </div>
          </div>

          
     

        </div>

      

      

      </div>
    </div>
  </section><!-- End Hero -->