<?php
include 'cp_header.php';
/****************************************** صفحة التواصل بنا ***************************************/ 
?>
	
	<!-- هيدر الصفحات  الداخلية-->
	<?php include('inside_header.php'); ?>
    <!-- هيدر الصفحات  الداخلية-->
	
  <!-- ================ بداية السيكشن ================= -->
  <section class="contact-section" style='padding-bottom:0px;background:var(--white_bg);padding-bottom:0px;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; ?>contactus.webp' alt='استبيان المتطوعين' />
			<br>
			<h1 style='color:var(--white);'>نسعد بالتواصل معكم </h1>
			
			
			</span>
		</div>
    

			<?php //include 'aya.php'; ?>
		


		
		
		<div class="col-lg-6 contact_padding" style='background:var(--white_bg);margin-bottom:0px;padding:20px;' >
		
		
		<h2 class="contact-title "  style='color:var(--dark2) !important'>بيانات التواصل</h2>
		
		<?php if($_SESSION['comp_address1']!=''){ ?>
	
			<div class="media contact-info" >

				<div class="media-body">
	
					<span class="contact-info__icon"  ><i class="las la-map-marker"></i></span>
					 <div class="media-body">
						<p>الفرع الرئيسى</p>
						<h3><?php echo $_SESSION['comp_address1']?></h3>
					</div>	
					
					
				</div>
			</div>
		
		<?php }?>
		
		  
		
		  
		<?php if($_SESSION['comp_mobile1']!='' || $_SESSION['comp_mobile2'] !=''){ ?>
          
		  <div class="media contact-info">
            
            <div class="media-body">
			<span class="contact-info__icon"  ><i class="las la-mobile-alt"></i></span>
			 <p>الجوال</p>
              
			  <?php if($_SESSION['comp_mobile1']!='' && $_SESSION['comp_mobile1']!='0'){ ?>
				<h3><a  rel='nofollow'  class='inactive a_background' href='tel:<?php echo $_SESSION['comp_mobile1']?>'><?php echo $_SESSION['comp_mobile1']?></a></h3>
				<br/>

			  <?php } ?>
			  
			  <?php if($_SESSION['comp_mobile2']!='' && $_SESSION['comp_mobile2']!='0'){ ?>
				<h3><a  rel='nofollow'  class='inactive a_background' href='tel:<?php echo $_SESSION['comp_mobile2']?>'><?php echo $_SESSION['comp_mobile2']?></a></h3>
              <?php } ?>
			  
			   
            </div>
          </div>
		  
		<?php } ?>
		  
		  <?php if($_SESSION['comp_email1']!='' || $_SESSION['comp_email2']!=''){ ?>
		  
		  
			  <div class="media contact-info">
				
					<div class="media-body">
					   <span class="contact-info__icon" style='margin-bottom: 140px;'><i class="las la-envelope"></i></span>
					   <?php if($_SESSION['comp_email1']!='' ){ ?>
						    <p>المبيعات</p>
						    <h3> <a  rel='nofollow'  class="footer_link_none inactive a_background" href="mailto:<?php echo $_SESSION['comp_email1']?>"><?php echo $_SESSION['comp_email1']?></a></h3>
							<br>
					   <?php }?>
					  
					  <?php if($_SESSION['comp_email2']!='' ){ ?>
						    <p>الدعم الفنى</p>
						    <h3> <a  rel='nofollow'  class="footer_link_none inactive a_background"  href="mailto:<?php echo $_SESSION['comp_email2']?>"><?php echo $_SESSION['comp_email2']?></a></h3>
					  <?php }?>
					</div>
			  </div>

		  <?php } ?>
		  
		  
			<div class='media contact-info social_icon' >
			
				  
				<?php if($_SESSION['comp_face']!=''){ ?>
				<a  rel='nofollow'  class="bottom_social_black  inactive   lab la-facebook-f" target="_blank"  href="<?php echo $_SESSION['comp_face']?>" title='<?php echo $_SESSION['comp_title'];?> على الفيسبوك '></a>	
				<?php } if($_SESSION['comp_google']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-google-plus" target="_blank"  href="<?php echo $_SESSION['comp_google']?>" title='<?php echo $_SESSION['comp_title'];?> على جوجل بلاس'></a>
				<?php } if($_SESSION['comp_twitter']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-twitter" target="_blank"  href="<?php echo $_SESSION['comp_twitter']?>" title='<?php echo $_SESSION['comp_title'];?> على تويتر '></a>	
				<?php } if($_SESSION['comp_youtube']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-youtube" target="_blank"  href="<?php echo $_SESSION['comp_youtube'];?>" title='<?php echo $_SESSION['comp_title'];?> على يوتيوب'></a>	
				<?php } if($_SESSION['comp_instagram']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-instagram" target="_blank"  href="<?php echo $_SESSION['comp_instagram']?>" title='<?php echo $_SESSION['comp_title'];?> على انستجرام'></a>	
				<?php }  if($_SESSION['comp_pinterest']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-pinterest-p" target="_blank"  href="<?php echo $_SESSION['comp_pinterest']?>" title='<?php echo $_SESSION['comp_title'];?> على بينتريست'></a>	
				<?php } if($_SESSION['comp_linkedin']!=''){?>
				<a  rel='nofollow'  class="bottom_social_black  inactive  lab la-facebook-f" target="_blank"  href="<?php echo $_SESSION['comp_linkedin']?>" title='<?php echo $_SESSION['comp_title'];?> على لينكيد ان'></a>	
				<?php } ?>				
			</div>
			
			
		  
        </div>
		
		    <div class="col-lg-6 contact_padding backcolor_2" style='margin-bottom:0px'>
			
			
				  <h2 class="contact-title white"  >إرسال الاقتراحات</h2>
				 
				 
			<?php

			// إنشاء رمز CSRF فريد لكل نموذج
			$token = md5(uniqid(rand(), true));
			$_SESSION['form_token'] = $token;
			?>

			<form class="form-contact contact_form"
				  action="<?php echo $website_url;?>/suggession_send/إرسال-المقترحات"
				  method="post"
				  id="contactForm"
				  style="max-width:700px;margin:0 auto;">

			  <div class="row">

				<!-- نوع الرسالة -->
				<div class="col-12">
				  <div class="form-group">
					<select name="message_type" class="form-control" required>
					  <option value="" disabled selected hidden>نوع الرسالة</option>
					  <option value="استفسار">استفسار</option>
					  <option value="اقتراح">اقتراح</option>
					  <option value="شكوى">شكوى</option>
					</select>
				  </div>
				</div>

				<!-- عنوان الرسالة -->
				<div class="col-12">
				  <div class="form-group">
					<input required class="form-control" name="subject" id="subject" type="text"
						   onfocus="this.placeholder=''" onblur="this.placeholder='عنوان الرسالة'"
						   placeholder="عنوان الرسالة">
				  </div>
				</div>

				<!-- الرسالة -->
				<div class="col-12">
				  <div class="form-group">
					<textarea required class="form-control" name="message" id="message" cols="30" rows="9"
							  onfocus="this.placeholder=''" onblur="this.placeholder='الرسالة'"
							  placeholder="الرسالة"></textarea>
				  </div>
				</div>

				<!-- اسم المرسل -->
				<div class="col-12">
				  <div class="form-group">
					<input required class="form-control" name="name" id="name" type="text"
						   onfocus="this.placeholder=''" onblur="this.placeholder='اسم المرسل'"
						   placeholder="اسم المرسل">
				  </div>
				</div>

				<!-- رقم الجوال -->
				<div class="col-12">
				  <div class="form-group">
					<input pattern="[0-9]*" required class="form-control" name="mobile" id="mobile" type="tel"
						   onfocus="this.placeholder=''" onblur="this.placeholder='رقم الجوال'"
						   placeholder="رقم الجوال">
				  </div>
				</div>

				<!-- البريد الإلكتروني -->
				<div class="col-12">
				  <div class="form-group">
					<input required class="form-control" name="email" id="email" type="email"
						   onfocus="this.placeholder=''" onblur="this.placeholder='البريد الإلكترونى'"
						   placeholder="البريد الإلكترونى">
				  </div>
				</div>

				<!-- رمز CSRF -->
				<input type="hidden" name="token" value="<?php echo $token; ?>">

			  </div>

			  <div class="form-group mt-3">
				<input type="submit"
					   class="las la-arrow-right fadeInUp btn_4"
					   style="color:var(--magenta);background:var(--red_bg)"
					   value="إرسال">
			  </div>
			</form>
		
		</div>
		

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

 

	
	

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