<!-- Choose area start here -->
<section class="choose-area sub-bg pt-120 pb-120">
    <div class="choose__video-btn">
        <div class="video-btn video-pulse wow fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
            <a class="video-popup" href="https://www.youtube.com/watch?v=iVqz_4M5mA0"><i
                    class="fa-solid fa-play"></i></a>
        </div>
    </div>
    <div class="choose__shape-right1 wow slideInRight d-none d-lg-block" data-wow-delay="200ms"
        data-wow-duration="1500ms">
        <img src="assets/images/shape/choose-shape-right.png" alt="shape">
    </div>
    <div class="choose__shape-right2 wow slideInRight d-none d-lg-block" data-wow-delay="200ms"
        data-wow-duration="1000ms">
        <img src="assets/images/shape/choose-shape-right2.png" alt="shape">
    </div>
    <div class="choose__shape-left sway__animation">
        <img src="assets/images/shape/choose-shape-left.png" alt="shape">
    </div>
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-6 d-block d-lg-none">
                <div class="image">
                    <img src="assets/images/choose/choose-image1.png" alt="image">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="section-header mb-40">
                    <h5 class="wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <svg class="me-1" width="20" height="12" viewBox="0 0 20 12" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect x="0.75" y="0.75" width="18.5" height="10.5" rx="5.25" stroke="#3C72FC"
                                stroke-width="1.5" />
                            <mask id="path-2-inside-1_682_455" fill="white">
                                <path
                                    d="M3 6C3 3.79086 4.79086 2 7 2H13C15.2091 2 17 3.79086 17 6C17 8.20914 15.2091 10 13 10H7C4.79086 10 3 8.20914 3 6Z" />
                            </mask>
                            <path
                                d="M3 6C3 2.96243 5.46243 0.5 8.5 0.5H11.5C14.5376 0.5 17 2.96243 17 6C17 4.61929 15.2091 3.5 13 3.5H7C4.79086 3.5 3 4.61929 3 6ZM17 6C17 9.03757 14.5376 11.5 11.5 11.5H8.5C5.46243 11.5 3 9.03757 3 6C3 7.38071 4.79086 8.5 7 8.5H13C15.2091 8.5 17 7.38071 17 6ZM3 10V2V10ZM17 2V10V2Z"
                                fill="#3C72FC" mask="url(#path-2-inside-1_682_455)" />
                        </svg>
                        <?= $lan['esas-statistika'] ?>
                    </h5>
                    <h2 class="wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms"><?= nl2br($lan["statistika-altyazi"]) ?></h2>
                </div>
                <?php
                $cek = $db->query("select * from istatik where veziyyeti='0' and lan='{$dilsec["id"]}' order by sira asc")->fetchAll(PDO::FETCH_ASSOC);
                foreach ($cek as $goster) {
                ?>
                    <div class="progress-area wow fadeInDown mt-40" data-wow-delay="00ms"
                        data-wow-duration="1500ms">
                        <div class="progress__title mb-10">
                            <h5><?= $goster["adi"] ?></h5>
                            <span><span class="progress-count"><?= $goster["sira"] ?></span>%</span>
                        </div>
                        <div class="progress">
                            <div class="progress-bar wow slideInLeft" data-wow-duration=".86s" role="progressbar"
                                style="width: 86%;" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100">
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
            <div class="col-lg-6 d-none d-lg-block">
                <div class="choose__image image">
                    <img src="imgupload/<?= $bead["statistikabolmesekli"] ?>" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Choose area end here -->