<footer class="pt-5" data-aos="fade-up">
  <div class="container">
    <div class="row mb-3">
      <div class="col-md-3">
        <h5>About <i class="fa fa-angle-down" aria-hidden="true"></i></h5>
        <ul>
          <li><a href="<?php echo base_url(); ?>/organization">Organization </a></li>
          <li><a href="<?php echo base_url(); ?>/committee-of-administration">COA </a></li>
          <li><a href="<?php echo base_url(); ?>/government-nominees">Government Nominees</a></li>
          <li><a href="<?php echo base_url(); ?>/secretariat">Secretariat</a></li>
          <li><a href="<?php echo base_url(); ?>/annual-report">Annual Reports</a></li>
        </ul>
      </div>

      <div class="col-md-3">
        <h5>Resource Centre <i class="fa fa-angle-down" aria-hidden="true"></i></h5>
        <ul>
          <li><a href="<?php echo base_url(); ?>/circulars">Circulars</a></li>
          <li><a href="<?php echo base_url(); ?>/statistics">Statistics</a></li>
           <li><a href="<?php echo base_url(); ?>/magazine">E-magazine</a></li>
          <li><a href="<?php echo base_url(); ?>/government-representation">Govt. Representation</a></li>
          <li><a href="https://plexepages.org">PLEXePAGES</a></li>
          <!--<li><a href="<?php echo base_url(); ?>/certificatecourse">Certificate Course</a></li>-->
           <li><a href="<?php echo base_url(); ?>/trainingandskilldevelopment">Training & Skill Development</a></li>
          <li><a href="<?php echo base_url(); ?>/mous">MOUs</a></li>
          <!--<li><a href="#">HOW TO EXPORT AND PREPARATION OF EXPORT DOCUMENTS</a></li>-->
          <li><a href="<?php echo base_url(); ?>/important-links">Important Links</a></li>
        </ul>
      </div>

      <div class="col-md-3">
        <h5>Other links <i class="fa fa-angle-down" aria-hidden="true"></i></h5>
        <ul>
          <li><a href="<?php echo base_url(); ?>/contact-us">Contact Us</a></li>
          <li><a href="<?php echo base_url(); ?>/holiday-list">Holiday List</a></li>
          <li><a href="<?php echo base_url(); ?>/tenders">Tenders</a></li>
          <li><a href="<?php echo base_url(); ?>/careers">Careers</a></li>
          <li><a href="<?php echo base_url(); ?>/privacy-policy">Privacy Policy </a></li>
          <li><a href="<?php echo base_url(); ?>/disclaimer">Disclaimer </a></li>
          <li><a href="<?php echo base_url(); ?>/terms-of-use">Terms of Use</a></li>
        </ul>
      </div>

      <div class="col-md-3">
        <h5>SEND US A MESSAGE <i class="fa fa-angle-down" aria-hidden="true"></i></h5>
      
        <form id="footerForm">
          <div class="position-relative mb-4">
            <label class="rounded-circle"><i class="fa fa-user-o rounded-circle" aria-hidden="true"></i></label>
            <input type="text" class="form-control" value="" id="foot_name" name="foot_name" placeholder="Full Name" autocomplete="off" maxlength="255" required="">
            <span id="foot_name" class="footer_error"></span>
          </div>
            
            
          <div class="position-relative mb-4">
            <label class="rounded-circle"><i class="fa fa-envelope-o rounded-circle" aria-hidden="true"></i></label>
            <input type="email" class="form-control" value="" id="foot_email" name="foot_email" placeholder="Email" autocomplete="off" maxlength="255" required="" >
            <span id="foot_email" class="footer_error"></span>
          </div>

          <div class="position-relative mb-4">
            <select class="form-control" id="foot_country" name="foot_country" required="">
              <option value="">Select Country</option>
              <?php foreach($country as $val){
                echo '<option value="'.$val->phonecode.'">'.ucfirst($val->countryName).'</option>'; 
              }?>
            </select>
            <span id="foot_country" class="footer_error"></span>
          </div>

          <div class="position-relative mb-4 input-group">
            <input type="number" class="form-control" value="" id="foot_mobile" name="foot_mobile" placeholder="Mobile No." autocomplete="off" maxlength="100" required=""  >
            <div class="input-group-append">
              <span id="generate_otp_btn" class="input-group-text" >Generate OTP</span>
              <span id="resend_otp_btn" class="input-group-text" style="display:none;">Resend OTP</span>
            </div>
           
            <span id="foot_mobile" class="footer_error"></span>
          </div>
             
          <div id="otp_text" class="position-relative mb-4" style="display:none;">
            <label class="rounded-circle"><i class="fa fa-envelope-o rounded-circle" aria-hidden="true"></i></label>
            <input type="password" class="form-control" value="" id="foot_otp" name="foot_otp" placeholder="Enter OTP" autocomplete="off" maxlength="100" required="" >
            
            <span id="foot_otp" class="footer_error"></span>
          </div>
            
             <span id="countdown"></span>
          <div class="position-relative mb-4">
            <select class="form-control" id="foot_query" name="foot_query" required="">
              <option value="">Type Of Query</option>
              <option value="Membership">Membership</option>
              <option value="Events">Events</option>
              <option value="Suggestions">Suggestions</option>
              <option value="Others">Others</option>
            </select>
            <span id="foot_query" class="footer_error"></span>
          </div>

          <div class="position-relative mb-4">
            <textarea placeholder="Message" class="form-control" id="foot_message" name="foot_message"></textarea>
            <span id="foot_message" class="footer_error"></span>
          </div>
          
          <?php $_SESSION["foot_message_token"] = md5(uniqid(mt_rand(), true)); ?>
				  <input type="hidden" name="foot_message_token" id="foot_message_token" value="<?php echo $_SESSION["foot_message_token"];?>" autocomplete="off" maxlength="100" >
            
            <div class="position-relative mb-4">
              <div id="image_captcha" class="image_captcha">
                <?php
                  echo $captcha;
                ?>
              </div>
              <div>
                <a href="javascript:void(0);" class="captcha-refresh"><img style="width: 10%;" src="<?php echo base_url().'admin-assets/images/refresh.png'; ?>"/></a>
              </div>
              <input class="form-control" type="text" name="captcha" id="footercaptcha" placeholder="Enter Captcha" autocomplete="off" maxlength="100" required=""  />
              <div><label for="footercaptcha" generated="true" class="error"></label></div>
            </div>
            
          <div class="position-relative mb-4">
            <input type="submit" value="Submit" class="btn redGradientBg whiteColor">
          </div>
        </form>
      </div>
    </div>
  </div>

  <div class="container-fluid footerBottom">
    <div class="row">
      <div class="col-12  text-center">
        <p class="whiteColor pt-3">© <?php echo date('Y'); ?>. All Rights Reserved by The Plastics Export Promotion Council | Design &amp; Developed by <a href="https://www.kwebmaker.com">Kwebmaker&trade;</a> </p>
      </div>
    </div>
  </div>
</footer>