<?php
include 'cp_header.php'; 
 /****************************************** صفحة عرض اعضاء مجلس الادارة ***************************************/ 



?>
	
	<!-- هيدر الصفحات  الداخلية-->
	<?php include('inside_header.php'); ?>
    <!-- هيدر الصفحات  الداخلية-->
	
  <!-- ================ بداية السيكشن ================= -->
  <section class="contact-section" style='padding-bottom:100px;background:var(--white_bg);overflow:hidden;'>
	<div class="container-fluid p-0"  >


      <div class="row " style='padding-bottom:0px;' >
	 
	    <!-- ================ صورة تعبيرية للقسم ================= --> 
 <div class="col-lg-12 backcolor_3 page_head page_title_background" >
			<span class='page_title  text-center'  >
			
			<img  style='width: 150px;margin-bottom: 20px;' src='<?php echo $img_path; ?>people.webp' alt='أعضاء مجلس الإدارة' />
			<br>
			<h1 style='color:var(--white)'>أعضاء مجلس الإدارة</h1>
			
			
			</span>
		</div>
    

		<!-- ================ اية قرآنية ================= --> 
		
		<?php //include 'aya.php'; ?>
		


		
		
		<div class="col-lg-12 contact_padding" style='background:var(--white_bg);margin-bottom:0px' >
		
		<div class='container' style='background:var(--white_bg);'>
		<div class="row">
		
		
			<?php  
				$directors_credit_letter_query="select `title`,`date`,`files` from directors_credit_letter where active=1 order by `priority` desc , `sort` desc , id asc ";
				//echo $directors_credit_letter_query;
				$directors_credit_letter_result=mysqli_query($conn,$directors_credit_letter_query);	

				
				 /*بداية التكرار */  
				 while($directors_credit_letter_fetch = mysqli_fetch_array($directors_credit_letter_result)) {
   		 $directors_credit_letter_fetch = clean_array($directors_credit_letter_fetch);
				  
			?>
			
			<div class="col-md-6 " style='padding:0px;'>


				<div class="row col_border" style='padding:20px;'>

						<div class='col col-9'>
							<div class='table'>
								<div class='table_cell' style='height:50px;' class="media-body"><?php echo $directors_credit_letter_fetch['title']?></div>
							</div>
						</div>
						
						<div class='col col-3'>
							<div class='table'>
								<a class='table_cell ' style='height:50px;' target='_blank' href='<?php echo $img_path."directors_credit_letter/".$directors_credit_letter_fetch['files']?>' class="download_icon"  ><div class='table_btn'> تحميل <i class="las la-download"></i></div></a>
							</div>
						</div>
						
					
				</div>
			

			</div>
		  <?php }?>
			
	
		
		<div class='col-md-12'>
			
		<!-- ================ عنوان الصقحة ================= --> 
		 <div class="page_title_right_white"> أعضاء مجلس الإدارة </div>
			<div class="right_lines"></div>
			<div class="right_lines l2"></div>
		
		</div>
	<div class='col-12'>
		<div class='row' >
		<?php  
		
			$branches_contact_query="select `name`,`job_desc`,`mobile`,`email`,`date`,`images` from directors where active=1 order by `priority` desc , `sort` desc , id asc  ";
			//echo $branches_contact_query;
			$branches_contact_result=mysqli_query($conn,$branches_contact_query);	

			
			   /*بداية التكرار */  
			 while($branches_contact_fetch = mysqli_fetch_array($branches_contact_result)) {
   		 $branches_contact_fetch = clean_array($branches_contact_fetch);
						
							
				 
			  
			   /*استخراج جميع الصور*/  
			  $current_image=explode(",",$branches_contact_fetch['images']);
					
  
		?>
			<div class="col col-12 col-sm-6 col-md-4 col-lg-3" >
			<div class='branch_div_no_width' style='background:#f7fafc;border:0px;'>
			
				<div class='tablex'>
					<div class="table_cellx img_tall" style='background:url(<?php echo $img_path; ?>directors/<?php echo 'img_'.$current_image[0].'.webp'; ?>);background-size:cover;background-position:center '></div>
				</div>
						
				<h2 class="manager_title"  >
					<?php echo $branches_contact_fetch['name']; ?>
					<br/>
					<span class='job_desc'><?php echo $branches_contact_fetch['job_desc']; ?></span>
				</h2>
				
				<hr/>

			
				<?php if($branches_contact_fetch['mobile']!='' && $branches_contact_fetch['mobile']!='0' && $branches_contact_fetch['email']!='0' ){ ?>
					<div class="media contact-info"  >

						<div class="media-body media-contact">
							
							
							<?php if($branches_contact_fetch['mobile']!='' && $branches_contact_fetch['mobile']!='0'){ ?><a href='tel:<?php echo $branches_contact_fetch['mobile']; ?>' ><i style='padding-left:10px;float:right;' class="las la-mobile-alt"></i><span><?php echo $branches_contact_fetch['mobile']; ?></span>  </a> <?php }?>
									

						</div>
						
						
						<br/>
						
						
						<div class="media-body media-contact">
							
							
							<?php if($branches_contact_fetch['email']!=''){ ?><a href='mailto:<?php echo $branches_contact_fetch['email']; ?>' > <i style='padding-left:10px;float:right;' class="las la-envelope"></i><span><?php echo $branches_contact_fetch['email']; ?></span></a> <?php }?>
									

						</div>
						
						
					</div>
					
				<?php }?>
				<div class="backcolor_4" style='padding:10px;font-size: 18px;' >

					<div class="media-body">
						
						
						<?php if($branches_contact_fetch['date']!=''){ ?><span  style='color:var(--white);display: block;text-align: center;'>
						<span style='margin-bottom:10px;display:block'>تاريخ التجديد </span>						
						<?php echo $branches_contact_fetch['date']; ?>
						</span> <?php }?>
								

					</div>
				</div>
			
			</div>
			</div>
		<?php }?>
		</div>
	</div>
	


		 </div>
		 
		  
		  
	
			</div>
		  </div>
        </div>

    </div>
  </section>

 

	
	

  
 
<!-- ================ صفحة الفوتر ================= --> 
 <?php include'cp_footer.php'; ?>
 
 <style>
 
 .media-body {
    margin-bottom: 0px !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 16px;
    text-align: right;
	
}

.media-contact{
	height:20px;
}

.contact-info{
	padding: 10px;
    display: block;
	
}
 
.media-body a{
	display: block;
    overflow-x: auto;
    width: max-content;
    overflow-y: hidden; 
	margin-bottom:15px;
	font-size:18px;
	color:#002231 !important;
	 
 }
 .media-body a span{
	font-size:14px;
 }
 </style>