<?php include './inc/head.php' ?>
<?php include './inc/header.php' ?>
<style>
  html{background:#000 !important}
  body{background:#000 !important;color:#fff}
  #bodyId{background:#000 !important}
  app-root{background:#000 !important; display:block}
  .centerWrap{background:#000 !important}
  .container-fluid{background:#000 !important}
  .container{background:#000 !important}
  .bonusRow{background:#000 !important}
  .col-12{background:#000 !important}
  .bonusCard{background:#000 !important;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff}
  .detailBox{background:var(--primary);color:var(--btntText);border-radius:8px;padding:8px 12px;display:inline-block}
  .modal-content{background:#000 !important;color:#fff}
  .modal-header{background:var(--primary);color:var(--btntText);border-bottom:none}
  .modal-body{background:#000 !important}
  .mainWrap{background:#000 !important}
  app-promotions-bonus, app-g6-promotions-bonus{background:#000 !important; display:block}
  .row{background:#000 !important}
  .bonusDetail{background:#000 !important}
  .mainWrap, .centerWrap{min-height:100vh}
</style>

<section _ngcontent-lfv-c21="" class="mainWrap ng-tns-c21-3 ng-star-inserted">
    <div _ngcontent-lfv-c21="" class="centerWrap"><router-outlet _ngcontent-lfv-c21="" class="ng-tns-c21-3"></router-outlet><app-promotions-bonus _nghost-lfv-c29="" class="ng-star-inserted"><app-g6-promotions-bonus _ngcontent-lfv-c29="" _nghost-lfv-c35="" class="ng-star-inserted">
                <div _ngcontent-lfv-c35="" class="container-fluid">
                    <div _ngcontent-lfv-c35="" class="row">
                        <div _ngcontent-lfv-c35="" class="col-12 ng-star-inserted">
                            <div _ngcontent-lfv-c35="" class="row">
                                <div _ngcontent-lfv-c35="" class="col-12 bonusRow ng-star-inserted">
                                    
                                    
<?php
// Veritabanı bağlantısı
$servername = "localhost";
$username = "blacrhdy_bet1";
$password = "blacrhdy_bet1";
$dbname = "blacrhdy_bet1";  // Kendi veritabanı adınızı buraya yazın

// Veritabanına bağlanma
$conn = new mysqli($servername, $username, $password, $dbname);

// Bağlantıyı kontrol etme
if ($conn->connect_error) {
    die("Bağlantı hatası: " . $conn->connect_error);
}

// Veritabanından bonusları çekme
$sql = "SELECT * FROM bonuses"; // bonuses tablosundaki tüm verileri al
$result = $conn->query($sql);

// Eğer sonuç varsa, her bir bonusu listele
if ($result->num_rows > 0) {
    $rows = $result->fetch_all(MYSQLI_ASSOC);  // Tüm bonusları dizi olarak alıyoruz
    $total_rows = count($rows);  // Toplam satır sayısını alıyoruz
    $chunk_size = 3;  // Her satırda 3 kart olacak

    echo '<div class="row">';  // Bonus kartlarını saran bir div başlatıyoruz (satır)

    for ($i = 0; $i < $total_rows; $i++) {
        $modal_id = "modal" . ($i + 1); // Her modal için benzersiz bir id oluştur

        // Bonus kartı
        echo '<div class="col-md-4 bonusCard" data-toggle="modal" data-target="#' . $modal_id . '">';
        echo '<div class="bonusImg"><img alt="Bonus" height="300" width="400" src="' . $rows[$i]['image_url'] . '">';
        echo '<div class="detailBox"><h3 class="bonusTitle">Detay</h3></div>';
        echo '</div></div>';

        // Modal pencere
        echo '<div class="modal fade" id="' . $modal_id . '" tabindex="-1" role="dialog" aria-labelledby="modalLabel' . $modal_id . '" aria-hidden="true">';
        echo '<div class="modal-dialog modal-dialog-centered modal-lg" role="document">'; // Ortalamak için modal-dialog-centered ekledik
        echo '<div class="modal-content">';
        echo '<div class="modal-header">';
        echo '<h5 class="modal-title">' . htmlspecialchars($rows[$i]['title']) . '</h5>'; // Modal başlığına bonus başlığını ekledik
        echo '<button type="button" class="close" data-dismiss="modal" aria-label="Close">';
        echo '<span aria-hidden="true">&times;</span>';
        echo '</button></div>';
        echo '<div class="modal-body">';
        echo '<div class="bonusDetail">';
        echo '<div class="bonusThumb"><img alt="promotion" height="400" width="600" src="' . $rows[$i]['detail_image_url'] . '"></div>';
        echo '<div><h5 class="my-2">' . htmlspecialchars($rows[$i]['title']) . '</h5>'; // "Tanım" yerine title göster
        echo '<p><strong>' . $rows[$i]['terms'] . '</strong></p>';
        echo '<p>' . $rows[$i]['description'] . '</p>';
        echo '</div></div></div>';
        echo '<div class="modal-footer">';
        echo '<button type="button" class="btn btn-secondary" data-dismiss="modal">Kapat</button>';
        echo '</div></div></div></div>';

        // Her 3 kartta bir yeni satır başlat
        if (($i + 1) % $chunk_size == 0 || ($i + 1) == $total_rows) {
            echo '</div>';
            if ($i + 1 != $total_rows) {
                echo '<div class="row">';
            }
        }
    }

    echo '</div>';  // Bonus kartlarını saran div'i kapat
} else {
    echo "Bonus bulunamadı.";
}

$conn->close();
?>


                                                          
                                                          
                                                          
                                                          
                                                          
                                                          
                                                          

            </app-g6-promotions-bonus></app-promotions-bonus></div>
</section>