
<?php $__env->startSection('title', 'Product Details'); ?>
<?php $__env->startSection('content'); ?>
    <!-- ============================ header area ============================ -->
    <?php echo $__env->make('frontend.includes.headers.headerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- ============================ header area end ============================ -->

    <!-- ==== banner section start ==== -->
    <section class="common-banner">
        <div class="container">
            <div class="row">
                <div class="common-banner__content text-center">
                    <span class="sub-title"><i class="icon-donation"></i>Start donating poor people</span>
                    <h2 class="title-animation">Product Details</h2>
                </div>
            </div>
        </div>
        <div class="banner-bg">
            <img src="<?php echo e(asset('assets/images/banner/banner-bg.png')); ?>" alt="Image">
        </div>
        <div class="shape">
            <img src="<?php echo e(asset('assets/images/shape.png')); ?>" alt="Image">
        </div>
        <div class="sprade" data-aos="zoom-in" data-aos-duration="1000">
            <img src="<?php echo e(asset('assets/images/sprade-base.png')); ?>" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / banner section end ==== -->
    <!-- ==== product details section start ==== -->
    <section class="product-details">
        <div class="container">
            <div class="row align-items-center gutter-40">
                <div class="col-12 col-xl-6">
                    <div class="product-details__slider">
                        <div class="product-details__slider-thumb">
                            <div class="product-details-slider swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="product-details-slider-single">
                                            <img src="<?php echo e(asset('assets/images/shop/product-details.png')); ?>" alt="Image">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-details-slider-gallery swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-one.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-two.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-three.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-four.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-one.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-two.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-three.png')); ?>" alt="Image">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="sm-gallery">
                                        <img src="<?php echo e(asset('assets/images/shop/cart-four.png')); ?>" alt="Image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-6">
                    <div class="product-details__content" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                        <div class="review-wrapper">
                            <span>-5%</span>
                            <div class="review">
                                <i class="icon-star"></i>
                                <i class="icon-star"></i>
                                <i class="icon-star"></i>
                                <i class="icon-star"></i>
                                <i class="icon-star"></i>
                            </div>
                            <p>(2) Reviews</p>
                        </div>
                        <div class="product-meta">
                            <h3 class="title-animation">Smart Wirless Headphone</h3>
                            <p>There are many variations of passages of Lorem Ipsum available, but majority
                                have suffered teration in some form, by injected humour, or randomised
                            </p>
                        </div>
                        <div class="product-price">
                            <h4>$600</h4>
                            <h6><del>$900.00</del></h6>
                        </div>
                        <div class="product-color">
                            <p>Color:</p>
                            <div class="product-colors">
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                        <div class="product-size">
                            <p>Size:</p>
                            <div class="product-sizes">
                                <span>S</span>
                                <span>M</span>
                                <span>L</span>
                                <span>XL</span>
                                <span>XXL</span>
                            </div>
                        </div>
                        <div class="product-quantity cart-item-single">
                            <p>Quantity:</p>
                            <div class="measure">
                                <button aria-label="decrease item" class="quantity-decrease">
                                    <i class="fa-solid fa-minus"></i>
                                </button>
                                <span class="item-quantity">0</span>
                                <button aria-label="add item" class="quantity-increase">
                                    <i class="fa-solid fa-plus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="product-cta">
                            <a href="<?php echo e(route('cart')); ?>" aria-label="add to cart" title="add to cart" class="btn--primary">
                                Add To Cart <i class="fa-solid fa-cart-shopping"></i>
                            </a>
                            <a href="<?php echo e(route('cart')); ?>" class="fav-btn">
                                <i class="icon-heart"></i>
                            </a>
                        </div>
                        <div class="productsku">
                            <p>Ground Delivery Charge: <strong>$180.00</strong></p>
                        </div>
                        <div class="sku">
                            <p><strong>SKU:</strong> N/A</p>
                            <p><strong>Category:</strong> Electronics</p>
                            <p><strong>Tags:</strong> mobile, gadget</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / product details section end ==== -->
    <!-- ==== product details tab section start ==== -->
    <div class="product-tab">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="product-tab__inner">
                        <div class="product-tab__btns">
                            <button class="product-tab__btn active" data-target="#productDetails"
                                aria-label="product details" title="product details">Product Details</button>
                            <button class="product-tab__btn" data-target="#pInformation" aria-label="product information"
                                title="product information">Additional Information</button>
                            <button class="product-tab__btn" data-target="#pReview" aria-label="product review"
                                title="product review">Reviews(10)</button>
                            <button class="product-tab__btn" data-target="#pfaq" aria-label="product faq"
                                title="product faq">FAQ</button>
                        </div>
                        <div class="product-tab__content">
                            <div class="product-tab-content-single" id="productDetails">
                                <div class="content">
                                    <h4>Experience is over the world visit</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate
                                        vestibulum
                                        Phasellus rhoncus, dolor eget viverra pretium, dolor tellus aliquet nu
                                        vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur, cursus ante,
                                        tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan quis nec
                                        enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum dui. Aenean
                                        consequat pulvinar luctus
                                    </p>
                                </div>
                                <div class="content-list cta">
                                    <h5>More Details</h5>
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-tab-content-single" id="pInformation">
                                <div class="content">
                                    <h4>Experience is over the world visit</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate
                                        vestibulum
                                        Phasellus rhoncus, dolor eget viverra pretium, dolor tellus aliquet nu
                                        vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur, cursus ante,
                                        tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan quis nec
                                        enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum dui. Aenean
                                        consequat pulvinar luctus
                                    </p>
                                </div>
                                <div class="content-list cta">
                                    <h5>More Details</h5>
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-tab-content-single" id="pReview">
                                <div class="content">
                                    <h4>Experience is over the world visit</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate
                                        vestibulum
                                        Phasellus rhoncus, dolor eget viverra pretium, dolor tellus aliquet nu
                                        vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur, cursus ante,
                                        tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan quis nec
                                        enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum dui. Aenean
                                        consequat pulvinar luctus
                                    </p>
                                </div>
                                <div class="content-list cta">
                                    <h5>More Details</h5>
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="product-tab-content-single" id="pfaq">
                                <div class="content">
                                    <h4>Experience is over the world visit</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate
                                        vestibulum
                                        Phasellus rhoncus, dolor eget viverra pretium, dolor tellus aliquet nu
                                        vitae ultricies erat elit eu lacus. Vestibulum non justo consectetur, cursus ante,
                                        tincidunt sapien. Nulla quis diam sit amet turpis interdum accumsan quis nec
                                        enim. Vivamus faucibus ex sed nibh egestas elementum. Mauris et bibendum dui. Aenean
                                        consequat pulvinar luctus
                                    </p>
                                </div>
                                <div class="content-list cta">
                                    <h5>More Details</h5>
                                    <ul>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                        <li><i class="fa-solid fa-check"></i>Lorem Ipsum is simply dummy text.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==== / product details tab section end ==== -->

    <!-- ========================== footer area ============================ -->
    <?php echo $__env->make('frontend.includes.footers.footerOne', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- ========================== footer area end ============================ -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\laragon\www\charifund\resources\views/frontend/pages/productDetails.blade.php ENDPATH**/ ?>