관리-도구

편집 파일: 63537448940738bc132ffbc286c275f8.php

<?php $__env->startSection('content'); ?>
<section>
    <div class="w-100 pb-80 position-relative">
        <div class="page-top-wrap position-relative w-100">
            <div class="container">
                <div class="page-top-inner d-flex flex-wrap align-items-center position-relative w-100">
                    <div class="page-title-info position-relative">
                        <i class="position-absolute"><svg viewBox="0 0 359 354" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M358.5 351H323V300.316L250.863 264.339V331.541H278.904V170.438L201.566 91.0182L200.661 327.921L223.727 351L224.179 71.1066L166.063 3V142.381L126.489 156.862L149.781 267.507L171.49 289.455V212.75H115.635L80.3576 331.541H171.49V306.651H34V351H0"
                                    stroke="#f1f1f1" stroke-width="2" />
                            </svg></i>
                        <h1 class="mb-0">Products</h1>

</div>
                    <div class="page-title-img position-absolute">
                        <div class="page-title-img-inner d-block w-100"
                            style="background-image: url('<?php echo e(asset('assets/images/im6.jpg')); ?>');"></div><span
                            class="position-absolute sec-watermark center-watermark overlap-btm-shap88 font-200">Products</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="w-100 pt-80 pb-130 position-relative">
        <svg class="sec-tp-rgt-shp overlap-tpshap250 opc-6 stroke-clr position-absolute" width="444" height="721"
            viewBox="0 0 444 721" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
                <path d="M0.769252 365.057L117.32 627.406H292.971L176.421 365.057H0.769252Z" stroke="#000000" />
                <path d="M605.475 68.2185L488.925 330.567L313.273 330.567L429.823 68.2185H605.475Z" stroke="#000000" />
                <path d="M157.597 458.151L274.147 720.5H449.799L333.249 458.151H157.597Z" stroke="#000000" />
                <path d="M449.8 161.312L333.249 423.661L157.598 423.661L274.148 161.312H449.8Z" stroke="#000000" />
                <path d="M233.605 297.339L350.155 559.688H525.807L409.256 297.339H233.605Z" stroke="#000000" />
                <path d="M372.64 0.499969L256.089 262.849L80.4375 262.849L196.988 0.499969H372.64Z" stroke="#000000" />
            </g>
        </svg>
        <svg class="sec-btm-lft-shp overlap-btmshap130 opc-6 stroke-clr position-absolute" width="358" height="721"
            viewBox="0 0 358 721" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
                <path d="M356.475 355.943L239.925 93.594L64.2729 93.594L180.823 355.943L356.475 355.943Z"
                    stroke="#000000" />
                <path d="M-248.231 652.782L-131.68 390.433L43.9714 390.433L-72.579 652.782L-248.231 652.782Z"
                    stroke="#000000" />
                <path d="M199.647 262.849L83.0971 0.49999L-92.5547 0.499974L23.9957 262.849L199.647 262.849Z"
                    stroke="#000000" />
                <path d="M-92.5555 559.688L23.9949 297.339L199.647 297.339L83.0963 559.688L-92.5555 559.688Z"
                    stroke="#000000" />
                <path d="M123.64 423.661L7.08952 161.312L-168.562 161.312L-52.0119 423.661L123.64 423.661Z"
                    stroke="#000000" />
                <path d="M-15.3953 720.5L101.155 458.151L276.807 458.151L160.256 720.5L-15.3953 720.5Z"
                    stroke="#000000" />
            </g>
        </svg>
        <div class="container">
            <div class="sec-title text-center w-100">
                <div class="sec-title-inner d-inline-block">
                    <span class="d-block thm-clr">Products</span>
                </div>
            </div>
            <section>
                <div class="w-100 pt-80 pb-130 position-relative">
                    <div class="container">
                        <div class="shop-detail-wrap d-flex flex-wrap position-relative w-100">

<div class="shop-detail-big-imgs position-relative w-100">
                                    <?php $__empty_1 = true; $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <div class="shop-detail-big-img w-100">
                                        <img class="img-fluid"
                                            src="<?php echo e(asset('storage/' . $img)); ?>"
                                            alt="<?php echo e($product->title); ?>">
                                    </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <p>No images available</p>
                                    <?php endif; ?>
                                </div>

<div class="shop-detail-imgs-nav w-100">
                                    <?php $__currentLoopData = $images; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="shop-nav-img">
                                        <img class="img-fluid"
                                            src="<?php echo e(asset('storage/' . $img)); ?>"
                                            alt="<?php echo e($product->title); ?>">
                                    </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>

</div>

<div class="shop-detail-info-wrap">
                                <span class="d-block thm-clr">
                                    <?php echo e($product->category->productcategory ?? 'Category'); ?>

</span>

<h2><?php echo e($product->title); ?></h2>

<p>
                                    <?php echo e(strip_tags($product->description)); ?>

</p>

<button class="btn enquiry-open-btn mt-3" data-toggle="modal" data-target="#enquiryModal">
                                    <i class="bi bi-chat-dots-fill me-2"></i> Enquiry Now
                                </button>

</div>
                            
                            <div class="modal fade enquiry-modal" id="enquiryModal" tabindex="-1" role="dialog">
                                <div class="modal-dialog modal-dialog-centered" role="document">
                                    <div class="modal-content enquiry-modal-content">

<button type="button" class="btn-close enquiry-close" data-bs-dismiss="modal"></button>

<form action="<?php echo e(route('product.enquiry.store')); ?>" method="POST">
                                            <?php echo csrf_field(); ?>

<div class="modal-body p-4">
                                                <h4 class="text-center enquiry-title mb-4">Product Enquiry</h4>

<div class="row">
                                                    <div class="col-md-6 mb-3">
                                                        <label>Your Name</label>
                                                        <input type="text" name="name" class="form-control" required>
                                                    </div>

<div class="col-md-6 mb-3">
                                                        <label>Product</label>
                                                        <input type="text" class="form-control"
                                                            value="<?php echo e($product->title); ?>" disabled>
                                                        <input type="hidden" name="product_id" value="<?php echo e($product->id); ?>">
                                                    </div>
                                                </div>

<div class="row">
                                                    <div class="col-md-6 mb-3">
                                                        <label>Email</label>
                                                        <input type="email" name="email" class="form-control" required>
                                                    </div>

<div class="col-md-6 mb-3">
                                                        <label>Phone</label>
                                                        <input type="text" name="phone" class="form-control" required>
                                                    </div>
                                                </div>

<div class="mb-3">
                                                    <label>Message</label>
                                                    <textarea name="message" class="form-control" rows="3" required></textarea>
                                                </div>

<button type="submit" class="btn enquiry-btn w-100 mt-3">
                                                    Send Enquiry
                                                </button>
                                            </div>
                                        </form>

</div>
                                </div>
                            </div>
                            <?php if(session('success')): ?>
                            <div class="alert alert-success alert-dismissible fade show text-center" role="alert">
                                <?php echo e(session('success')); ?>

<button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <?php endif; ?>

/* Hover effect */
                                .enquiry-open-btn:hover {
                                    background: #000;
                                    color: #fff;
                                    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
                                    transform: translateY(-2px);
                                }

/* Click effect */
                                .enquiry-open-btn:active {
                                    transform: scale(0.96);
                                }

/* Remove focus outline */
                                .enquiry-open-btn:focus {
                                    outline: none;
                                    box-shadow: 0 0 0 0.15rem rgba(248, 162, 77, 0.35);
                                }

/* Make modal always above navbar */
                                .modal {
                                    z-index: 99999 !important;
                                }

.modal-backdrop {
                                    z-index: 99998 !important;
                                }

/* Modal box styling */
                                .enquiry-modal-content {
                                    border-radius: 12px;
                                    border: none;
                                    background: #ffffff;
                                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
                                }

/* Title */
                                .enquiry-title {
                                    font-weight: 700;
                                    color: #000;
                                }

/* Labels */
                                .enquiry-modal label {
                                    font-weight: 600;
                                    font-size: 14px;
                                    color: #000;
                                }

/* Inputs */
                                .enquiry-modal .form-control {
                                    border-radius: 8px;
                                    border: 1px solid #ddd;
                                    padding: 10px 12px;
                                }

.enquiry-modal .form-control:focus {
                                    border-color: #F8A24D;
                                    box-shadow: 0 0 0 0.15rem rgba(248, 162, 77, 0.3);
                                }

/* Button */
                                .enquiry-btn {
                                    background: #F8A24D;
                                    color: #000;
                                    font-weight: 600;
                                    padding: 12px;
                                    border-radius: 30px;
                                    border: none;
                                    transition: 0.3s ease;
                                }

.enquiry-btn:hover {
                                    background: #000;
                                    color: #fff;
                                }

/* Close button */
                                .enquiry-close {
                                    position: absolute;
                                    top: 12px;
                                    right: 12px;
                                    z-index: 1;
                                }
                            </style>

</div>
                    </div>
                </div>
            </section>

<div class="sec-title text-center w-100">
                            <div class="sec-title-inner d-inline-block">
                                <span class="d-block thm-clr">Products</span>
                                <h2 class="mb-0">Related Products<i></i></h2>
                            </div>
                        </div>

<?php $__empty_1 = true; $__currentLoopData = $relatedProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $related): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <?php
                                $imgs = json_decode($related->images, true);
                                $firstImg = $imgs[0] ?? null;
                                ?>

<div class="shop-img text-center position-relative w-100">
                                            <img class="img-fluid w-100"
                                                src="<?php echo e($firstImg ? asset('storage/'.$firstImg) : asset('assets/images/no-image.png')); ?>"
                                                alt="<?php echo e($related->title); ?>">
                                        </div>

<div class="shop-info position-relative w-100">
                                            <h3 class="mb-0"><?php echo e($related->title); ?></h3>
                                            <span class="d-block">
                                                <?php echo e(optional($related->category)->productcategory); ?>

</span>
                                        </div>

</div>
                                </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <div class="col-12 text-center">
                                    <p>No related products found.</p>
                                </div>
                                <?php endif; ?>

</div>
                        </div>

</div>
                </div>
            </section>

<script>
                document.querySelectorAll('.tab-btn').forEach(btn => {
                    btn.addEventListener('click', function() {
                        document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
                        this.classList.add('active');

let target = this.getAttribute('data-target');

document.querySelectorAll('.tab-content').forEach(tab => {
                            tab.classList.remove('active');
                        });

document.getElementById(target).classList.add('active');
                    });
                });
            </script>

.tab-content {
                    display: none;
                }

.tab-content.active {
                    display: block;
                }

.tab-btn.active {
                    color: #000;
                    font-weight: 600;
                }
            </style>
            <style>
                /* FIXED SIZE FOR ALL PORTFOLIO IMAGES & VIDEO THUMBNAILS */
                .port-img {
                    width: 100%;
                    height: 260px;
                    /* You can change this */
                    position: relative;
                    overflow: hidden;
                    border-radius: 8px;
                }

/* Ensure all images fill the same area */
                .port-img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    /* Makes all images uniform */
                    object-position: center;
                    /* Centers the image */
                    display: block;
                }

/* Fancybox icon positioning fix */
                .port-img a.thm-bg {
                    width: 50px;
                    height: 50px;
                    right: 15px;
                    bottom: 15px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
            </style>

</div>
    </div>
</section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\work\FinalCompressFile\roomgear\resources\views/frontend/productdetails.blade.php ENDPATH**/ ?>

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

관리-도구

편집 파일: 63537448940738bc132ffbc286c275f8.php

Sid Gifari File Manager