<?php //print_r($this->session->userdata('site_lang'));?><!DOCTYPE html>
<html lang="en">

<head>
<?php $this->load->view("common/header"); ?>
</head>

<body>
	
	<!-- Start Preloader -->
	
	<!-- End Preloader -->

	<!-- Start Content -->
	<div id="main" class="wrapper">
    <?php $this->load->view("common/navigation"); ?>
  <?php $this->load->view("common/crowd_support_tab"); ?>

			<!-- Start Slider -->
	
        
  <?php 
  $page=get_page_des_by_name('Project Crowd Support Wall Header Image');$main_img_url=$page['image'];
  if($main_img_url){
	  $main_img_url=main_url().'assets/pages/'.$main_img_url;
  }else {
	  $main_img_url=main_url()."thems/images/crowd/slider/Completed-Projects.jpg";
  }
  ?>      
<img src="<?php echo $main_img_url ?>" width="100%" class="community_main_img">
		<!-- End Slider -->	

		<!-- Start About Us -->
        
		<section id="" class="container-fluid section-block">
			<div class="container">
				<div class="row">
                <div class="post">
		
	
    
					
                 <!--   <div class="col-md-12 block " style="margin-top:0px;"><br/><br/> </div>-->
                    
					  <!--<img src="<?php echo main_url();?>assets/images/p1.jpg" width="100%" class="community_main_img">-->
                      
                       <div class="comm_profile_pic">
                       <div class="col-lg-3 pillars-box text-center border_0"><br/>
                       <div style="font-size:17px;" class="text-55 color_ed8835">
					
					   <?php //$page=get_page_des_by_name('ESHRAQA');echo $page['details_'.$lan];?><!--ESHRAQA--> </div>
               <h3 class="color_ed8835 text-uppercase"><!--Project Crowd Support--><?php $page=get_page_des_by_name('Project Crowd Support');echo $page['details_'.$lan];?><!--EDUCATION-->
               <?php //$page=get_page_des_by_name('PROJECTS');echo $page['details_'.$lan];?>
               </h3>
                          
              <br/>
               <div style="background-image:url(<?php echo main_url();?>thems/images/crowd/crowd_logo.png); background-position: 65px 30px; background-repeat: no-repeat;  background-size: 64px auto; width:200px; margin-left:auto; margin-right:auto"; class="text-center">

            <img src="<?php echo main_url();?>assets/images/ras.png" width="160" style="margin-bottom:20px;" class="post_pillras"> 
            <br>
<br>


            </div> 
            <!--
            <img width="160" class="post_pillras hidden visible animated rotateIn" style="margin-bottom:20px;" src="<?php echo main_url();?>assets/images/education.png"> -->           </div>
                       
                       </div>
						
                        
        
					</div>
				</div>
			</div>
		</section>
		<!-- End About Us -->
        
        
        


		
        
        
<!-- start project -->



<section id="features" class="">
        <div class="container">
				<div class="row">
   <div class="col-lg-12" id="project_home_wap"> 	
<h2 class="color_red"><!--Project Crowd Support--><?php $page=get_page_des_by_name('Project Crowd Support');echo $page['details_'.$lan];?></h2>
<p class="text-center color_6b6b6b">
<!--SupportWall introduction detail goes here SupportWall introduction detail goes hereSupportWall introduction detail goes hereSupportWall introduction detail goes hereSupportWall introduction detail goes hereSupportWall introduction detail goes hereSupportWall introduction detail goes hereSupportWall introduction detail goes here.-->
<?php $page=get_page_des_by_name('Project Crowd Support Description');echo $page['details_'.$lan];?>
</p>



<div class="support_us_txt"><!--Support us by clicking on a project--><?php $page=get_page_des_by_name('Support us by clicking on a project');echo $page['details_'.$lan];?></div>
<br>

<h2 class="color_red"><!--PROJECTS--><?php $page=get_page_des_by_name('PROJECTS');echo $page['details_'.$lan];?></h2>

<div class="row">
<div class="project_box_wap">
 <?php 
				$sel_lan = $this->session->userdata('site_lang');
				$sel_lan_txt='';
				
				//echo "lan:$sel_lan";
				$i=0;
				foreach ($project_list as $categoriy) {
					$details='';
					$id=$categoriy->project_id;
				if($sel_lan=='arabic'){
					//$sel_lan_txt='_arabic';
					$name=$categoriy->project_name_ar;
					//$month=$categoriy->month_arabic;
					//$year=$categoriy->year_arabic;
					$details=$categoriy->project_details_ar;
					//$url=base_url()."assets/pdf/releases/".$categoriy->pdf_arabic;
				}else{
					$name=$categoriy->project_name;
					///$month=$categoriy->month;
					//$year=$categoriy->year;
					$details=$categoriy->project_details;
					//
				}
				$i++;
				$url=base_url('crowd_support/support_wall/'.$id);
				if(!$categoriy->project_icon){
					$img_path=base_url('thems/images/crowd/default_1.png');
				}else {
				$img_path=base_url('thems/images/crowd/'.$categoriy->project_icon);
				}
					?>
<?php //for($i=0; $i<5; $i++){?>
<a href="<?php echo $url; ?>">
    <div class="project_box">
    <img src="<?php echo $img_path ?>" width="120" height="121" class="">
    <div class="project_box_name"><?php echo $name; ?></div>
    </div>
  </a> 
<?php }?>
</div>
</div>




</div></div>
</div>
</section>
        <br>
    <div class="col-md-12 block"> 
    
    
       
        <section id="multiple" data-accordion-group  class="data_accoring">

      </div>  
      <div style="clear:both;">&nbsp;</div>  
      
 <!-- start project -->       

<?php $this->load->view("crowd_support_btm_menu"); ?>
        
<?php $this->load->view("common/contact_us"); ?>            
            
           
<?php $this->load->view("common/footer"); ?>

	

		
			
         
		<!-- End footer txt -->
	</div> <!-- End .wrapper -->
	<!-- End Content -->

 <?php $this->load->view("common/footer_links"); ?>




</body>
<!-- Modal -->
  <div class="modal fade" id="myModal_video" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
       <img src="<?php echo main_url();?>assets/images/video.jpg" alt="member4" title="Jaynie Delores" width="100%">
        </div>
        
       
      </div>
      
    </div>
  </div>
  
  
  

<script>
$(document).ready(function(){

        //$("#myModal_video").modal();

});
</script>


<!-- Start pop up -->
<?php 
  $url='';
  if($lan=='arabic'){
	  $url="https://www.youtube.com/embed/i0T0GmBInM0";
  }
   if($lan=='english'){
	
	    $url="https://www.youtube.com/embed/WDU2-Eo9OTk";
  }
  ?>   
  
  <!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="<?php echo main_url();?>thems/css/magnific-popup.css">

<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->

<!-- Magnific Popup core JS file -->
<script src="<?php echo main_url();?>thems/js/jquery.magnific-popup.js"></script>

<style type="text/css">
#open-popup {padding:20px}
.white-popup {
  position: relative;

  width: auto;
  max-width: 650px;
  margin: 20px auto;
  text-align: center;
}

/*@media all and (min-width:0px) and (max-width:960px) {


.pillars-box {
  width: 250px;
  padding-bottom:35px;
}
}*/

</style>



<button id="open-popup" style="display:none">Open popup</button>




<script type="application/javascript">
$(document).ready(function(){

        //$("#myModal_video").modal();
	$('#open-popup').click();
});



$('#open-popup').magnificPopup({
    items: [
     
      {
        src: '<div class="white-popup"><iframe id="cs_video" width="100%" height="300" src="<?php echo $url;?>?autoplay=1&rel=0&amp;controls=1&amp;showinfo=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe></div>', // HTML string
        type: 'inline'
      },
      {
        src: '#my-popup', // CSS selector of an element on page that should be used as a popup
        type: 'inline'
      }
    ],
    gallery: {
      enabled: false
    },
    type: 'image' // this is a default type
});

</script>
<!-- End pop up -->

</html>
<script type="text/javascript">

function stop_video(){
	//alert();
	 // $("#cs_video").attr("src", $(this).attr("href"));
	 $("#cs_video").attr('src', "<?php echo $url ?>");
	// window.stop();
}
</script>



