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


?>
	
	
	<!-- هيدر الصفحات  الداخلية-->
	<?php 
	$_GET['page_title']='معرض الصور';
	include('inside_header.php'); 
	
	?>
    <!-- هيدر الصفحات  الداخلية-->
	
	

    
 <section class="contact-section" style='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; ?>galleries.webp' alt='معرض الصور' />
			<br>
			<h1 style='color:var(--white);'>معرض الصور</h1>
			
			
			</span>
		</div>
    

		<!-- ================ اية قرآنية ================= --> 
		
			<?php //include 'aya.php'; ?>
		
			
		 
		 
            	<div class="col-lg-12 contact_padding single-post-area" style='background:var(--white_bg);margin-bottom:0px' >
		
					<div class='container-fluid' style='background:var(--white_bg);max-width:1200px;'>
						<div class="row">
							<div class='col col-md-12' style='margin-bottom:30px;margin-top:20px;'> 
							

 
						<!-- ================ عنوان الصفحة ================= --> 
							<h2 class='page_title_right_white'>أحدث صور الجمعية</h2>
		
						  <!-- ================ لينكات الصفحة الحالية والتنقل للصفحة السابقة ================= -->

							<div class='path_div'>
								<a  rel='nofollow'  href="<?php echo $website_url; ?>/"><span class="las la-home" aria-hidden="true"></span>الصفحة الرئيسية</a>
								/ 
								<a  rel='nofollow'  href="<?php echo $website_url; ?>/galleries/معرض-الصور"> معرض الصور</a>
							</div>
							</div>
						</div>
						
						<div id="load_wait"></div>
						<div id="result_view">
							<div id='load_results' class='row' >
							<?php 
								
								
     
							$page_name='galleries';
								
							//ضمان توافق قاعدة البيانات مع اللغة العربية
							mysqli_query($conn,"SET NAMES 'utf8'");
															
							/*بداية الاستعلام*/  
							$related_query="select `id`,`title`,`images` from galleries where active=1  order by `priority` desc , `sort` desc , id asc limit $max_rows";
							$related_result=mysqli_query($conn,$related_query);	
								
							/*بداية التكرار */  
							while($related_fetch = mysqli_fetch_array($related_result)) {
   		 $related_fetch = clean_array($related_fetch);
								$related_id=$related_fetch['id'];
								$related_title=$related_fetch['title'];

							   /*استخراج جميع الصور*/  
							    $current_image=explode(",",$related_fetch['images']);

								//استخراج اول صورة
								$related_image=$img_path.$page_name.'/'.$current_image[1];
									

							?>

						
								<div class="big_div_no_border big_div_3_2_1  col-md-4 col-sm-6 col-12">
		
				
											 <a  rel='nofollow'   style='background:url(<?php echo $related_image ?>);background-position:center;background-size:cover;background-position:center;' class='product_img related_img_wide ' href="<?php echo  $website_url.'/gallery/'.$related_id.'/'.url_dash($related_title); ?>"  >

											 </a>
										 

											<a  rel='nofollow'  href="<?php echo  $website_url.'/gallery/'.$related_id.'/'.url_dash($related_title); ?>" >
												<h3  class='product_title_down'><?php echo $related_title; ?></h3>
											</a>
										
										
										
								</div>
												


							<?php } ?>
							</div>

							<div style='display:none' id='done_load'>done</div>
							<?php 
// استدعاء صفحة ارقام الصفحات 
include "num_container.php" ;?>
	
						</div>				
					</div>
				</div>	
        </div>
	</div>
            
			
		
		
</section>

   
   
   <!-- ================مشاركة الصفحة على مواقع التواصل  ================= --> 
 
 <section class='share_part'>
   
    <div class="container-fluid" style='background:#efefef;padding: 100px 0px 100px 0px !important'>
         <div class="row" style='max-width: 1200px;margin: 0 auto;'>
            
			<div class='col-12' style='text-align:center;'> 
			   <?php 
				 //استدعاء ملف مشاركة الموضوع 
				 include 'sharer_bottom.php'; ?>
			</div>
		</div>
	</div>	
   </section>
   







<style>

form{
	
	font-family:arial;
	font-size:16px;
}

.form-contact .form-control
{
	font-size:15px;
}
form .col-12{
	
	height:65px;
}

form input,form textarea{
	background:var(--white_bg) !important;
	color:#333 !important;

}	

	


form select{
	
	height:48px;
	margin-left:2%;
}

.btn_4{
	
	color:var(--white);
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	background:var(--red_bg) !important;
}


.btn_4:hover{
	background:#ffc107 !important;
	color:var(--black) !important;
	border:#ffc107 1px solid !important;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #f36c62 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   #f36c62 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   #f36c62 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   #f36c62 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:   #f36c62 !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:   #f36c62 !important;
}



</style>






 
<!-- ================ صفحة الفوتر ================= --> 
 <?php include'cp_footer.php'; ?>