관리-도구

편집 파일: c42e4e234e05683840948c13ae3b5a86.php

<?php $__env->startSection('content'); ?>

<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"></div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h1 class="rs-breadcrumb-title">Events</h1>
            </div>
        </div>
    </div>
</section>

<div class="text-center mb-4">
        <button class="btn btn-dark mx-2 tab-btn active" onclick="showTab('images', this)">Images</button>
        <button class="btn btn-dark mx-2 tab-btn" onclick="showTab('videos', this)">Videos</button>
        <button class="btn btn-dark mx-2 tab-btn" onclick="showTab('documents', this)">Documents</button>
    </div>
    <style>
    .tab-btn {
          padding: 6px 15px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px;
    }

.tab-btn.active {
        transform: scale(1.05);  /* Slight zoom for active button */
    }
</style>

<div id="imagesTab" class="row g-4">
        <?php $__currentLoopData = $events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php
            $ext = strtolower(pathinfo($event->media, PATHINFO_EXTENSION));
        ?>

<?php if(!$event->youtube_link && !$event->doc && !in_array($ext, ['mp4','webm','ogg'])): ?>
        <div class="col-lg-4 col-md-6">
            <div class="portfolio-card text-center">
                <img src="<?php echo e(asset('storage/'.$event->media)); ?>"
                     class="portfolio-img"
                     onclick="openImageModal(this)">
                <h5 class="mt-3"><?php echo e($event->title); ?></h5>
                <p><?php echo e($event->description); ?></p>
            </div>
        </div>
        <?php endif; ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

<div id="videosTab" class="row g-4 d-none">
        <?php $__currentLoopData = $events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php
            $ext = strtolower(pathinfo($event->media, PATHINFO_EXTENSION));
        ?>

<?php if($event->youtube_link): ?>
        <div class="col-lg-4 col-md-6">
            <div class="portfolio-card text-center">
                <iframe width="100%" height="400"
                        src="https://www.youtube.com/embed/<?php echo e($event->youtube_link); ?>"
                        frameborder="0"
                        allowfullscreen>
                </iframe>
                <h5 class="mt-3"><?php echo e($event->title); ?></h5>
            </div>
        </div>
        <?php endif; ?>

<?php if(!$event->youtube_link && !$event->doc && in_array($ext, ['mp4','webm','ogg'])): ?>
        <div class="col-lg-4 col-md-6">
            <div class="portfolio-card text-center">
                <video class="portfolio-img" controls>
                    <source src="<?php echo e(asset('storage/'.$event->media)); ?>" type="video/<?php echo e($ext); ?>">
                </video>
                <h5 class="mt-3"><?php echo e($event->title); ?></h5>
            </div>
        </div>
        <?php endif; ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

<div id="documentsTab" class="row g-4 d-none">
        <?php $__currentLoopData = $events; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $event): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

<?php if($event->doc): ?>
        <?php
            $docExt = strtolower(pathinfo($event->doc, PATHINFO_EXTENSION));
            $docUrl = asset('storage/'.$event->doc);
        ?>

<?php if($docExt == 'pdf'): ?>
                    <div class="pdf-preview" onclick="openPdfModal('<?php echo e($docUrl); ?>')">
                        <iframe src="<?php echo e($docUrl); ?>#toolbar=0" width="100%" height="400"></iframe>
                    </div>
                <?php else: ?>
                    <div class="doc-icon mb-3">
                        <img src="https://cdn-icons-png.flaticon.com/512/337/337932.png"
                             width="100" alt="Document">
                    </div>
                <?php endif; ?>

<h5><?php echo e($event->title); ?></h5>

<a href="<?php echo e($docUrl); ?>" target="_blank" 
                   class="btn btn-primary mt-3 custom-doc-btn">
                    View / Download
                </a>

</div>
        </div>
        <?php endif; ?>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>

</div>
</section>
<style>
    .custom-doc-btn {
        background-color: #ee90ff;
        color: #ffffff;
        padding: 7px 11px;   /* Bigger size */
        font-size: 16px;      /* Increase font */
        font-weight: 600;
        border-radius: 8px;
        border: none;
        transition: 0.3s ease;
    }

@media (max-width: 767px) {
    .tab-btn {
        padding: 5px 9px;
        font-size: 17px;
    }
}
    .custom-doc-btn:hover {
        background-color: #e070f5;  /* Slightly darker on hover */
        color: #ffffff;
        transform: scale(1.05);
    }
</style>

<div id="pdfModal" class="modal">
    <span class="close" onclick="closeModal()">&times;</span>
    <div class="modal-body">
        <iframe id="modalPdf" width="90%" height="600"></iframe>
    </div>
</div>

<div id="imgModal" class="modal">
    <span class="close" onclick="closeModal()">&times;</span>
    <div class="modal-body">
        <img class="modal-img" id="modalImg">
    </div>
</div>

.portfolio-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 8px;
}

.document-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.95);
    z-index: 1050;
    padding: 40px;
}

.close {
    position: fixed;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
}

.modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
}
</style>

document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));

if (tab === 'images') {
        document.getElementById('imagesTab').classList.remove('d-none');
    }
    if (tab === 'videos') {
        document.getElementById('videosTab').classList.remove('d-none');
    }
    if (tab === 'documents') {
        document.getElementById('documentsTab').classList.remove('d-none');
    }

btn.classList.add('active');
}

function openImageModal(img) {
    document.getElementById("imgModal").style.display = "block";
    document.getElementById("modalImg").src = img.src;
}

function openPdfModal(url) {
    document.getElementById("pdfModal").style.display = "block";
    document.getElementById("modalPdf").src = url;
}

function closeModal() {
    document.getElementById("imgModal").style.display = "none";
    document.getElementById("pdfModal").style.display = "none";
    document.getElementById("modalPdf").src = "";
}
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u539723576/domains/doctorashna.com/public_html/resources/views/frontend/events.blade.php ENDPATH**/ ?>

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: c42e4e234e05683840948c13ae3b5a86.php

Sid Gifari File Manager