관리-도구
편집 파일: fb40b9f7c4efbee6ff691c8da9d176dc.php
<?php $__env->startSection('content'); ?> <!-- breadcrumb area start --> <section class="rs-breadcrumb-area rs-breadcrumb-one p-relative"> <div class="rs-breadcrumb-bg" style="background: linear-gradient(135deg, #ffe8ec, #e6e9ff);"></div> <div class="rs-breadcrumb-bg bg-black" data-background="assets/images/bg/breadcrumb-bg-dark-01.png"></div> <div class="container"> <div class="row justify-content-center"> <div class="col-xxl-6 col-xl-8 col-lg-8"> <div class="rs-breadcrumb-content-wrapper"> <div class="rs-breadcrumb-title-wrapper text-center"> <h1 class="rs-breadcrumb-title">Events</h1> </div> <div class="rs-breadcrumb-menu text-center"> <nav> <ul> <li><span><a href="index.html">Home</a></span></li> <li><span>Events</span></li> </ul> </nav> </div> </div> </div> </div> </div> </section> <!-- breadcrumb area end --> <!-- portfolio area start --> <!-- Portfolio Section --> <section class="rs-portfolio-area rs-portfolio-one primary-bg section-space"> <div class="container"> <div class="row g-4"> <?php $__currentLoopData = $events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <!-- Portfolio Item --> <div class="col-lg-4 col-md-6"> <div class="portfolio-card text-center"> <img src="<?php echo e(asset('storage/' . $event->image)); ?>" alt="Document Manager" class="portfolio-img" onclick="openModal(this)"> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </section> <!-- Modal for Enlarged Image --> <!-- Modal for Enlarged Image --> <div id="imgModal" class="modal"> <span class="close" onclick="closeModal()">×</span> <div class="modal-body"> <img class="modal-img" id="modalImg"> </div> </div> <style> /* Base portfolio image */ .portfolio-img { width: 100%; height: 550px; object-fit: cover; cursor: pointer; border-radius: 8px; transition: transform 0.3s; } .portfolio-img:hover { transform: scale(1.02); } .portfolio-card h5 { font-weight: 600; color: #333; } /* Modal overlay */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow-y: auto; /* Enables scroll */ background-color: rgba(0, 0, 0, 0.95); z-index: 1050; padding: 40px 20px; box-sizing: border-box; } /* Close button */ .close { position: fixed; top: 20px; right: 30px; color: white; font-size: 35px; font-weight: bold; cursor: pointer; z-index: 1101; } /* Modal body */ .modal-body { display: flex; justify-content: center; align-items: flex-start; } /* Modal image: allow full height, no max height */ .modal-img { width: auto; height: auto; max-width: 100%; max-height: none; } </style> <script> function openModal(img) { const modal = document.getElementById("imgModal"); const modalImg = document.getElementById("modalImg"); modal.style.display = "block"; modalImg.src = img.src; } function closeModal() { document.getElementById("imgModal").style.display = "none"; } </script> <!-- portfolio area end --> </main> <!-- Body main wrapper end --> <?php $__env->stopSection(); ?> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\D E L L\Downloads\ashnapa\resources\views/frontend/events.blade.php ENDPATH**/ ?>