<?php $__env->startSection('content'); ?>
<!--welcome-hero start -->
        <section class="welcome-hero theTop container" style="background-image: url('assets/images/topic/pasar.png')">
            <div class="col-md-12">
                <div class="welcome-wrapper text-center">
                    <div class="welcome-hero-txt col-md-12 text-center">
                        <h2 class="text-center">UPT PASAR BATU</h2>
                            <ul style="display: flex; justify-content: center">
                                <li style="margin-right: 20px">
                                    Bersih
                                </li>
                                <li style="list-style-type: disc; margin-left: 20px; margin-right: 20px">
                                    Tertata
                                </li>
                                <li style="list-style-type: disc; margin-left: 20px;">
                                    Ramah
                                </li>
                            </ul>
                        <p class="text-center">
                            Tempat terbaik untuk Berdagang, Berbelanja dan Berkembang. Temukan informasi lengkap tentang fasilitas, layanan, dan pengelolaan pasar Kota Batu dengan mudah.
                        </p>
                        </div>
                        <div class="welcome-div-img col-md-12 text-center">
                            <img class="welcome-hero-img" src="assets/images/topic/group.png" alt="">
                        </div>
                </div>
            </div>
		</section>

		<section class="program-section">
			<div class="container">
                <div class="program-content">
                    <div class="d-flex">
                        <img src="assets/images/logo/batukecil.png" alt="">
                        <img src="assets/images/logo/diskumkecil.png" alt="">
                    </div>
                    <h4>Pasar Induk Among Tani</h4>
                    <h1>Program Simpul SAE</h1>
                    <h4>#pasarbatu</h4>
                    <p>
                        Dirancang khusus untuk bantu pedagang UMKM dalam menyampaikan keluhan, saran, atau masalah yang mereka hadapi langsung ke kang Aries. Kami paham kalau setiap usaha punya kebutuhan unik, dan kami ingin setiap suara didengar dan ditangani secara cepat dan efektif.
                    </p>
                </div>
                <div class="container">
                    <div class="row g-4">
                        <div class="col-md-4" style="margin-bottom: 20px">
                            <div class="card-program" style="width: 100%;">
                                <div class="card-body-program">
                                    <h3>Aplikasi Simpul SAE</h3>
                                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                </div>
                                <div class="card-footer-program" style="background-color: #024067">
                                    <img class="card-img-top" style="width: 50%" src="assets/images/topic/handphone.png">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4" style="margin-bottom: 20px">
                            <div class="card-program" style="width: 100%;">
                                <div class="card-body-program">
                                    <h3>Digital Marketing</h3>
                                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                </div>
                                <div class="card-footer-program" style="background-color: #024067">
                                    <img class="card-img-top" style="width: 50%" src="assets/images/topic/monitor.png">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4" style="margin-bottom: 20px">
                            <div class="card-program" style="width: 100%;">
                                <div class="card-body-program">
                                    <h3>Pasar Kreatif SAE</h3>
                                    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                                </div>
                                <div class="card-footer-program" style="background-color: #024067">
                                    <img class="card-img-top" style="width: 50%" src="assets/images/topic/shop.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div>
        </section>

		<section class="kegiatan-section">
			<div class="container multiple-column-white needBorder">
                <div class="card" style="width: 100%;">
                    <div class="card-body col-md-12 col-sm-12">
                        <div class="col-md-6">
                            <h1 class="text-black">Kegiatan UPT Pasar</h1>
                            <br>
                            <p class="card-text">Sebagai pusat aktivitas ekonomi masyarakat Kota Batu, kami terus melakukan berbagai inovasi dan pembenahan untuk meningkatkan kualitas pelayanan kepada pedagang maupun pengunjung. Mulai dari revitalisasi fasilitas umum, peningkatan standar kebersihan dan keamanan, hingga optimalisasi sistem manajemen pasar yang lebih transparan dan berbasis digital.</p>
                            <div class="d-flex" style="text-align: center;">
                                <div class="ijinUsaha col-md-4 text-center">
                                    <h2 style="color: #5432DE">589+</h2>
                                    <p>UMKM</p>
                                </div>
                                <div class="ijinUsaha col-md-4 text-center">
                                    <h2 style="color: #5432DE">97%</h2>
                                    <p>Peningkatan</p>
                                </div>
                                <div class="ijinUsaha col-md-4 text-center">
                                    <h2 style="color: #5432DE">1290+</h2>
                                    <p>Pedagang Aktif</p>
                                </div>
                            </div>
                        </div>
                        <div class="imgTentang col-md-6">
                            <img src="assets/images/topic/pasar_depan.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                  </div>
                </div><!--/.container-->
		</section>

		<section class="berita-section">
		<div class="container">
        <h1 class="text-center">BERITA</h1>
        <br>
            <div class="row">
              <!-- First Card -->
              <?php $__currentLoopData = $data_berita; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data1): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <div class="col-md-4 d-flex" style="margin-bottom: 20px">
                <div class="card" style="
                box-shadow: 0 2px 5px rgba(0,0,0,.2);
                display: flex;
                flex-direction: column;
                ">
              <img src="<?php echo e(asset('storage/img/' . $data1->photo)); ?>" style=" object-fit: cover; max-height: 250px; min-height: 250px;" class="card-img-top" alt="Berita Image">
            <div class="card-body d-flex flex-column" style="padding: 5%;">
                <h5 class="card-title" title="<?php echo e($data1->title); ?>"><?php echo e($data1->title); ?></h5>
                <br>
                <p class="card-text" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;">
                    <?php echo e(\Illuminate\Support\Str::words($data1->data, 10, '...')); ?>

                </p>
                <br>
                <a class="text-decoration-none text-primary mt-auto" href="/berita/<?php echo e($data1->slug); ?>" style="text-decoration: none; font-size: 14px;">BACA SELENGKAPNYA »</a>
                <hr>
                <p class="card-text" style="cursor: default;"><?php echo e(\Carbon\Carbon::parse($data1->created_at)->locale('id')->isoFormat('D MMMM YYYY')); ?></p>
            </div>
            </div>
              </div>
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
            <br>
            <div class="berita-selengkapnya d-block text-center">
                <a class="btn btn-primary <?php echo e(Request::is('berita') ? 'active' : ''); ?>" href="/berita">Lihat Semua Berita <i class="fa fa-arrow-right"></i></a>
            </div>
		</section>

		<!--brand -->
        <section class="galeri-section">
            <div class="container">
                <div class="brand-area">
                    <h1 class="text-center">GALERI</h1>
                    <br>
                    <div class="gallery">
                        <img src="assets/images/topic/2.jpg" onclick="openModal(this.src)">
                        <img src="assets/images/topic/5-1.jpg" onclick="openModal(this.src)">
                        <img src="assets/images/topic/IMG_9974.jpg" onclick="openModal(this.src)">
                        <img src="assets/images/topic/1.jpg" onclick="openModal(this.src)">
                        <img src="assets/images/topic/4.jpg" onclick="openModal(this.src)">
                        <img src="assets/images/topic/kegiatan-pasar-02.jpg" onclick="openModal(this.src)">
                    </div>
                    <br>
                    <div class="galeri-selengkapnya d-block text-center">
                        <a class="btn btn-primary <?php echo e(Request::is('galeri') ? 'active' : ''); ?>" href="/galeri">Lihat Galeri <i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

        <div id="imageModal" class="modal">
            <span class="close" onclick="closeModal()">&times;</span>
            <img class="modal-content" id="modalImage" style="max-width: 80vw; max-height: 80vh;">
        </div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('index', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\ROED\2025\UPTpasar_laravel\website\upt\resources\views/pages/beranda.blade.php ENDPATH**/ ?>