<div class="innerBanner container-fluid mb-5">
  <div class="row h-100 align-items-center">
    <div class="col-md-4 col-lg-6">
      <h2 class="whiteColor mb-0">Resource Centre</h2>
    </div>

    <div class="col-md-8 col-lg-6">
      <ul class="breadcrumb">
        <li><a href="<?php echo base_url(); ?>">Home</a></li>
        <li>Mou's</li>
      </ul>
    </div>
  </div>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-8 order-lg-12 mb-5" id="innerData">
      <div class="row">
        <h1 class="col-12 mb-4"><span>Mou's</span></h1>
        
        <div class="col-12">
          <ul class="annualReports">
            <?php 
            $start = 0;
            if($mous !== "No Data"){ 
              $length = sizeof($mous);

              if($length < 6){
                $limit = $length;
              }else{
                $limit = 6;
              }
              
              for($i=$start; $i <  $limit; $i++){   
            ?>
            <li>
              <a href="<?php echo base_url().$mous[$i]->filepath; ?>" target="_blank" class="rounded fadeAnim">
              <span><?php echo $mous[$i]->name; ?></span>
              <span class="icon fadeAnim"></span>
              </a>
            </li>
            <?php } } ?>
          </ul>

          <?php if($mous !== "No Data" && $length > 6){ ?>
          <ul class="annualReports mb-4 archiveData">
            <?php 
            $start = $i;
            if($mous !== "No Data"){ 
              for($j=$start; $j < $length; $j++){   
            ?>
            <li>
              <a href="<?php echo base_url().$mous[$j]->filepath; ?>" target="_blank" class="rounded fadeAnim">
              <span><?php echo $mous[$j]->name; ?></span>
              <span class="icon fadeAnim"></span>
              </a>
            </li>
            <?php } } ?>
          </ul>

          <a href="#" class="archive grayGradientBg rounded mb-4">Archive  <i class="fa fa-angle-down rounded-circle" aria-hidden="true"></i></a>
          <?php } ?>
        </div>
      </div>
    </div>

    <div class="col-lg-4 order-lg-1 mb-5">
      <div class="dataList">
        <div class="blackRect"></div>
				<ul>
					<li><a href="<?php echo base_url(); ?>circulars" class="fadeAnim">Circulars</a></li>
					<li><a href="<?php echo base_url(); ?>statistics" class="fadeAnim">Statistics </a></li>
					<li><a href="<?php echo base_url(); ?>trade-remedies" class="fadeAnim">Trade Remedies </a></li>
					<li><a href="<?php echo base_url(); ?>sps-tbt" class="fadeAnim">SPS-TBT Measures</a></li>
					<li><a href="<?php echo base_url(); ?>government-representation" class="fadeAnim">Govt. Representations</a></li>
					<li><a href="<?php echo base_url(); ?>plexepages" class="fadeAnim">PLEXePAGES</a></li>
					<li><a href="<?php echo base_url(); ?>trainingandskilldevelopment" class="fadeAnim">Training & Skill Development</a></li>
					<li><a href="javascript:;" class="fadeAnim active">MOUs </a></li>
					<li><a href="<?php echo base_url(); ?>important-links" class="fadeAnim">Important Links</a></li>
				</ul>
			</div>
    </div>
  </div>
</div>
