<!DOCTYPE html>
<html lang="tr">
<head>
<?php include ('baglanhayata.php'); ?>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">

<title><?php print $title; ?></title>

<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all-fontawesome.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>




<header class="header">

<div class="header-top">
<div class="container">
<div class="header-top-wrapper">
<div class="header-top-left">
<div class="header-top-contact">
<ul>
<li>
<div class="header-top-contact-icon">
<img src="assets/img/icon/mail.svg" alt="">
</div>
<div class="header-top-contact-info">
<a href="<?php print $email; ?>"><span class="__cf_email__" data-cfemail="d0b9beb6bf90b5a8b1bda0bcb5feb3bfbd"><?php print $email; ?></span></a>
</div>
</li>
<li>
<div class="header-top-contact-icon">
<img src="assets/img/icon/clock.svg" alt="">
</div>
<div class="header-top-contact-info">
<a href="<?php print $telefontikla; ?>">7 Gün 24 Saat</a>
</div>
</li>
</ul>
</div>
</div>
<div class="header-top-right">
<div class="header-top-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-navigation">
<nav class="navbar navbar-expand-lg">
<div class="container custom-nav">
<a class="navbar-brand" href="index.php">
<img src="assets/img/logo/logo-full-light.png" alt="logo">
</a>
<div class="mobile-menu-right">
<div class="header-account header-mobile-account">
<div class="dropdown">
<button type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="far fa-user-circle"></i>
</button>

</div>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-mobile-icon"><i class="far fa-bars"></i></span>
</button>
</div>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.php">Anasayfa</a></li>
<li class="nav-item"><a class="nav-link" href="arac-listesi.php">Araç Listesi</a></li>
<li class="nav-item"><a class="nav-link" href="galeri.php">Galeri</a></li>
<li class="nav-item"><a class="nav-link" href="iletisim.php">İletişim</a></li>
</ul>
<div class="header-nav-right">
<div class="header-phone">
<div class="header-phone-icon">
<img src="assets/img/icon/phone.svg" alt="">
</div>
<div class="header-phone-content">
<span>Çağrı Merkezi</span>
<h5 class="header-phone-number"><a href="<?php print $telefontikla; ?>"><?php print $telefon; ?></a></h5>
</div>
</div>
<div class="header-btn mt-2">
<a href="<?php print $telefontikla; ?>" class="theme-btn">Tıkla Hemen Ara</a>
</div>

</div>
</div>
</div>
</nav>
</div>
</header>


<main class="main">

<div class="site-breadcrumb" style="background: url(assets/img/breadcrumb/01.jpg)">
<div class="container">
<h2 class="breadcrumb-title">Araç Listesi</h2>
<ul class="breadcrumb-menu">
<li><a href="index.php">Anasayfa</a></li>
<li class="active">Araç Listesi</li>
</ul>
</div>
</div>


<div class="car-area bg py-120">
<div class="container">

<div class="row">



<?php


// HTML çıktısı
foreach ($araclar as $vehicle) {
    echo '<div class="col-lg-6 col-xl-4">';
    echo '<div class="car-item">';
    echo '<div class="car-img">';
    echo '<img src="galeri/' . $vehicle['resim'] . '" alt="">';
    echo '</div>';
    echo '<div class="car-content">';
    echo '<div class="car-top">';
    echo '<h4><a href="#">' . $vehicle['marka'] . ' ' . $vehicle['model'] . '</a></h4>';
    echo '<span><i class="fas fa-star"></i> ' . $vehicle['rating'] . '</span>';
    echo '</div>';
    echo '<ul class="car-list">';
    echo '<li><i class="far fa-car"></i>Model: ' . $vehicle['yıl'] . '</li><br>';
    echo '<li><i class="far fa-user-tie"></i>' . $vehicle['kişi_sayısı'] . ' Kişilik</li><br>';
    echo '<li><i class="far fa-gas-pump"></i>' . $vehicle['yakıt_türü'] . '</li><br>';
    echo '<li><i class="far fa-steering-wheel"></i>' . $vehicle['vites'] . '</li>';
    echo '</ul>';
    echo '<div class="car-footer">';
    echo '<span class="car-price"><sub>Günlük </sub> / ' . number_format($vehicle['günlük'], 2, ',', '.') . ' </span> - ';
    echo '<span class="car-price"><sub>Aylık </sub> /' . number_format($vehicle['aylık'], 2, ',', '.') . '</span>';
    echo '</div>';

    echo '
	

   <div style="display: flex; justify-content: space-between; width: 250px; margin: 20px auto;">
        <a href='.$telefontikla.' style="display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #d32f2f; border: 1px solid #b71c1c; border-radius: 5px; text-decoration: none; color: #fff; font-size: 14px; width: 48%; transition: background-color 0.3s;">
            <i class="fas fa-phone" style="margin-right: 5px; font-size: 16px;"></i> Telefon Et
        </a>
        <a href="'.$whatsapp.'" style="display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #4caf50; border: 1px solid #388e3c; border-radius: 5px; text-decoration: none; color: #fff; font-size: 14px; width: 48%; transition: background-color 0.3s;">
            <i class="fab fa-whatsapp" style="margin-right: 5px; font-size: 16px;"></i> WhatsApp
        </a>
    </div>
	
	
	
	
	
	
	
	
	
	
	
	
	';
    echo '</div>';
    echo '</div>';
    echo '</div>'; 
}
?>




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

</main>

<footer class="footer-area">
<div class="footer-widget">
<div class="container">
<div class="row footer-widget-wrapper pt-100 pb-70">
<div class="col-md-6 col-lg-4">
<div class="footer-widget-box about-us">
<a href="#" class="footer-logo">
<img src="assets/img/logo/logo-full-light.png" alt="">
</a>
<p class="mb-3">
<?php print $flooterhakkimizda; ?>
</p>
<ul class="footer-contact">
<li><a href="<?php print $telefontikla; ?>"><i class="far fa-phone"></i><?php print $telefon; ?></a></li>

</ul>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">Menüler</h4>
<ul class="footer-list">
<li><a href="index.php"><i class="fas fa-caret-right"></i> Anasayfa</a></li>
<li><a href="arac-listesi.php"><i class="fas fa-caret-right"></i> Araç Listesi</a></li>
<li><a href="galeri.php"><i class="fas fa-caret-right"></i> Galeri</a></li>
<li><a href="iletisim.php"><i class="fas fa-caret-right"></i> İletişim</a></li>



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


</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center">
<p class="copyright-text">
&copy; Copyright <span id="date"></span> - Bu Site Hiç Bir Şekilde <a href="https://bozcular.com.tr"> Kopyalanamaz çoğaltılamaz </a> Tüm Hakları Firmamızda Saklıdır.
</p>
</div>
<div class="col-md-6 align-self-center">
<ul class="footer-social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<style>
.whatsapicin-button {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 60px; /* Butonun genişliği */
    height: 60px; /* Butonun yüksekliği */
    border-radius: 50%; /* Daire şeklinde buton */
    background-color: #25D366; /* WhatsApp yeşili */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* Diğer içeriklerin üstünde kalması için */
}

.whatsapicin-button img {
    width: 30px; /* İkonun genişliği */
    height: 30px; /* İkonun yüksekliği */
}

@media (max-width: 600px) {
    .whatsapicin-button {
        width: 50px; /* Mobil için buton genişliği */
        height: 50px; /* Mobil için buton yüksekliği */
    }

    .whatsapicin-button img {
        width: 25px; /* Mobil için ikon genişliği */
        height: 25px; /* Mobil için ikon yüksekliği */
    }
}
</style>
    <a href="<?php print $whatsapp; ?>" class="whatsapicin-button" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
    </a>
</footer>


<a href="#" id="scroll-top"><i class="far fa-arrow-up"></i></a>


<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/jquery.appear.min.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/counter-up.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>