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

    <main>
        <!-- Start section -->
    <?php echo $__env->make('web.layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <section class="product_det section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="swiper_box overflow_hidden">
                            <div class="swiper mySwiper2 lg-slide-swiper mb-4">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="img-box">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/prod-13.jpg" alt="" class="lg-img"/>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="img-box">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/prod-14.jpg" alt="" class="lg-img"/>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="img-box">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/prod-15.jpg" alt="" class="lg-img"/>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="img-box">
                                            <img src="<?php echo e(url('')); ?>/assets/web/images/prod-16.jpg" alt="" class="lg-img"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div thumbsSlider="" class="swiper mySwiper sm-slide-swiper">
                                <div class="swiper-wrapper pb-3">
                                    <div class="swiper-slide">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/prod-13.jpg" alt="" class="sm-bg-header"/>
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/prod-14.jpg" alt="" class="sm-bg-header"/>
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/prod-15.jpg" alt="" class="sm-bg-header"/>
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/prod-16.jpg" alt="" class="sm-bg-header"/>
                                    </div>
                                </div>
                            </div>
                            <span class="badge times_badge">
                                product purchased : <br>
                                <b>20 times</b>
                            </span>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="text_box my-4">
                            <?php if($product->brand_id): ?>
                                <a class="categ_name text-capitalize mb-3 d-block fw-bold color-gray2">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/partner-2.svg" class="icon me-2 icon-18" alt=""/> <?php echo e($product->brand->descriptions()->name); ?>

                                </a>
                            <?php endif; ?>
                            <div class="in-flex mb-3">
                                <div class="txt">
                                    <h3 class="title fw-bold ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h3>
                                    <h6 class="color-gray2 fw-bold ">
                                        Main Category - secondary category
                                    </h6>
                                </div>

                                <div class="share_box">
                                    <button class="share_butn"><i class="fas fa-share me-1"></i> share</button>
                                    <div class="share_links d-flex">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fas fa-paper-plane"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="rating">
                                <i class="fas fa-star active"></i>
                                <i class="fas fa-star active"></i>
                                <i class="fas fa-star active"></i>
                                <i class="fas fa-star active"></i>
                                <i class="fas fa-star"></i>
                                <span class="rate_num ms-2">22 Rating </span>
                            </div>
                            <div class="prices d-flex mt-4">
                                <b class="color-primary me-3">450 SAR</b> <del>999 SAR</del>
                            </div>
                            <div class="det_box mt-3">
                                <p class="prod_data mb-1">
                                    <b>   Product code :</b> 12345
                                </p>
                                <p class="prod_data mb-1">
                                    <b>   Style :</b> Classic
                                </p>
                                <p class="prod_data mb-1">
                                    <b>Type :</b>  leather
                                </p>
                                <p class="prod_data mb-1">
                                    <b>   Made In :</b> China
                                </p>
                                <p class="prod_data mb-1">
                                    <b> Quantity Available  :</b> <span class="color-primary">5 pieces</span>
                                </p>
                            </div>
                            <div class="form_box mt-4">
                                <form class="form">
                                    <div class="color_box mb-3">
                                        <h5 class="label fw-bold mb-3">Color</h5>
                                        <div class="color_radios d-flex flex-wrap">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="colorRadio" id="colorRadio1" checked>
                                                <label class="form-check-label" for="brandRadio1">
                                                    Black
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="colorRadio" id="colorRadio2">
                                                <label class="form-check-label" for="colorRadio2">
                                                    Silver
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="colorRadio" id="colorRadio3" disabled>
                                                <label class="form-check-label" for="colorRadio3">
                                                    Brown
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="color_box ">
                                        <h5 class="label fw-bold mb-3">Size</h5>
                                        <div class="color_radios size_radios d-flex flex-wrap">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="sizeRadio" id="sizeRadio1">
                                                <label class="form-check-label" for="sizeRadio1">
                                                    S
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="sizeRadio" id="sizeRadio2" checked>
                                                <label class="form-check-label" for="sizeRadio2">
                                                    M
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="sizeRadio" id="sizeRadio3">
                                                <label class="form-check-label" for="sizeRadio3">
                                                    L
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="sizeRadio" id="sizeRadio4" disabled>
                                                <label class="form-check-label" for="sizeRadio4">
                                                    XL
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="in-flex flex-wrap pt-4 px-1">
                                <div class="">
                                    <div class="d-flex align-items-center">
                                        <h5 class="label fw-bold mb-0 me-3">Quantity</h5>
                                        <div class="quantity-container">
                                            <div class="add-more">
                                                <span class="qt-minus"><i class="fas fa-minus"></i></span>
                                                <span class="qt">1</span>
                                                <span class="qt-plus"><i class="fas fa-plus"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="qty_alert small mt-2 mb-0 fw-bold color-gray2">
                                        <span class="text-danger"><i class="fas fa-exclamation-triangle me-1"></i></span> The required quantity is not available now
                                    </p>
                                </div>

                                <div class="butns d-flex align-items-center">
                                    <a href="#" class="butn primary_butn cart_butn mx-1">
                                        <i class="fas fa-cart-shopping"></i> ADD TO CART
                                    </a>
                                    <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                        <i class="fas fa-heart mx-0"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product_det_inner mt-5 pt-5">
                    <ul class="nav nav-pills mb-0" id="pills-tab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="pills-tab1-tab" data-bs-toggle="pill" data-bs-target="#pills-tab1" type="button" role="tab" aria-controls="pills-tab1" aria-selected="true">
                                Product details
                            </button>
                        </li>
                        <!-- <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-tab2-tab" data-bs-toggle="pill" data-bs-target="#pills-tab2" type="button" role="tab" aria-controls="pills-tab2" aria-selected="false">
                                Specifications
                            </button>
                        </li> -->
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills-tab3-tab" data-bs-toggle="pill" data-bs-target="#pills-tab3" type="button" role="tab" aria-controls="pills-tab3" aria-selected="false">
                                Customer Reviews
                            </button>
                        </li>
                    </ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-tab1" role="tabpanel" aria-labelledby="pills-tab1-tab">
                            <div class="tab_wrapper">
                                <h6 class="fw-bold mb-3"> Product details</h6>
                                <p class="p mb-0">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                </p>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-tab2" role="tabpanel" aria-labelledby="pills-tab2-tab">
                            <div class="tab_wrapper mb-5">
                                <h6 class="fw-bold mb-3"> Returns Policy</h6>
                                <p class="p mb-0">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                </p>
                            </div>
                            <div class="tab_wrapper mb-5">
                                <h6 class="fw-bold mb-3">Shipping</h6>
                                <p class="p mb-0">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus minus suscipit in aliquid praesentium, esse iste nesciunt dolores eius facere ullam. Consequuntur vero, qui autem repellat numquam aut nulla sint.
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias nihil, amet totam cumque at ea non voluptatum ad, velit impedit facere voluptate tenetur magni? Cupiditate molestias temporibus earum porro voluptatem.
                                </p>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-tab3" role="tabpanel" aria-labelledby="pills-tab3-tab">
                            <div class="tab_wrapper">
                                <div class="review_item">
                                    <div class="prof_data d-flex align-items-center mb-3">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/avatar-1.png" class="avatar" alt=""/>
                                        <div class="txt">
                                            <h6 class="name fw-bold mb-1">Mohammed Ali</h6>
                                            <div class="rating">
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="date ms-2">05-07-2023</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="review_det">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                    </p>
                                </div>
                                <div class="review_item">
                                    <div class="prof_data d-flex align-items-center mb-3">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/avatar-1.png" class="avatar" alt=""/>
                                        <div class="txt">
                                            <h6 class="name fw-bold mb-1">Mohammed Ali</h6>
                                            <div class="rating">
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="date ms-2">05-07-2023</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="review_det">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                    </p>
                                </div>
                                <div class="review_item">
                                    <div class="prof_data d-flex align-items-center mb-3">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/avatar-1.png" class="avatar" alt=""/>
                                        <div class="txt">
                                            <h6 class="name fw-bold mb-1">Mohammed Ali</h6>
                                            <div class="rating">
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="date ms-2">05-07-2023</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="review_det">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                    </p>
                                </div>
                                <div class="review_item">
                                    <div class="prof_data d-flex align-items-center mb-3">
                                        <img src="<?php echo e(url('')); ?>/assets/web/images/avatar-1.png" class="avatar" alt=""/>
                                        <div class="txt">
                                            <h6 class="name fw-bold mb-1">Mohammed Ali</h6>
                                            <div class="rating">
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star active"></i>
                                                <i class="fas fa-star"></i>
                                                <span class="date ms-2">05-07-2023</span>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="review_det">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                                    </p>
                                </div>
                                <!-- <div class="form_box mt-4 ">
                                    <h6 class="fw-bold mb-3"> Write A Review </h6>
                                    <form class="form">
                                        <div class="form-group mb-4">
                                            <label class="label fw-bold">Your Name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" placeholder="" />
                                        </div>
                                        <div class="form-group mb-4">
                                            <label class="label fw-bold">Your Review <span class="text-danger">*</span></label>
                                            <textarea rows="6" class="form-control" ></textarea>
                                        </div>
                                        <div class="form-group mb-4">
                                            <label class="label fw-bold">Rating <span class="text-danger">*</span></label>
                                            <div class="stars-content ">
                                                <div class="star-rating">
                                                    <input type="radio" id="5-stars" name="rating" value="5" />
                                                    <label for="5-stars" class="star"><i class="fas fa-star"></i></label>
                                                    <input type="radio" id="4-stars" name="rating" value="4" />
                                                    <label for="4-stars" class="star"><i class="fas fa-star"></i></label>
                                                    <input type="radio" id="3-stars" name="rating" value="3" />
                                                    <label for="3-stars" class="star"><i class="fas fa-star"></i></label>
                                                    <input type="radio" id="2-stars" name="rating" value="2" />
                                                    <label for="2-stars" class="star"><i class="fas fa-star"></i></label>
                                                    <input type="radio" id="1-star" name="rating" value="1" />
                                                    <label for="1-star" class="star"><i class="fas fa-star"></i></label>
                                                </div>
                                            </div>
                                        </div>
                                        <button class="butn primary_butn ms-auto mt-4 fs-6">SUBMIT </button>
                                    </form>
                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="products_sec section">
            <div class="container">
                <h2 class="sec_title text-uppercase color-primary fw-bold text-center mb-5">
                    RELATED PRODUCTS
                    <img src="<?php echo e(url('')); ?>/assets/web/images/title_line.svg" class="d-block m-auto" alt=""/>
                </h2>
                <div class="swiper-container products_swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="prod_card">
                                <div class="img_box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/prod-1.png" class="sec-img" alt=""/>
                                    <span class="offer_badge">50% OFF</span>
                                    <div class="card_butns">
                                        <a href="#" class="butn primary_butn cart_butn mx-1">
                                            <i class="fas fa-cart-shopping"></i> ADD TO CART
                                        </a>
                                        <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                            <i class="fas fa-heart mx-0"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class="title ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h5>
                                    <div class="prices justify-content-center d-flex">
                                        <b class="color-primary me-2">450 SAR</b> <del>999 SAR</del>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="prod_card">
                                <div class="img_box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/prod-2.png" class="sec-img" alt=""/>
                                    <span class="offer_badge">50% OFF</span>
                                    <div class="card_butns">
                                        <a href="#" class="butn primary_butn cart_butn mx-1">
                                            <i class="fas fa-cart-shopping"></i> ADD TO CART
                                        </a>
                                        <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                            <i class="fas fa-heart mx-0"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class="title ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h5>
                                    <div class="prices justify-content-center d-flex">
                                        <b class="color-primary me-2">450 SAR</b> <del>999 SAR</del>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="prod_card">
                                <div class="img_box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/prod-3.png" class="sec-img" alt=""/>
                                    <div class="card_butns">
                                        <a href="#" class="butn primary_butn cart_butn mx-1">
                                            <i class="fas fa-cart-shopping"></i> ADD TO CART
                                        </a>
                                        <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                            <i class="fas fa-heart mx-0"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class="title ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h5>
                                    <div class="prices justify-content-center d-flex">
                                        <b class="color-primary me-2">450 SAR</b>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="prod_card">
                                <div class="img_box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/prod-4.png" class="sec-img" alt=""/>
                                    <span class="offer_badge">50% OFF</span>
                                    <div class="card_butns">
                                        <a href="#" class="butn primary_butn cart_butn mx-1">
                                            <i class="fas fa-cart-shopping"></i> ADD TO CART
                                        </a>
                                        <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                            <i class="fas fa-heart mx-0"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class="title ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h5>
                                    <div class="prices justify-content-center d-flex">
                                        <b class="color-primary me-2">450 SAR</b> <del>999 SAR</del>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="prod_card">
                                <div class="img_box">
                                    <img src="<?php echo e(url('')); ?>/assets/web/images/prod-5.png" class="sec-img" alt=""/>
                                    <span class="offer_badge">50% OFF</span>
                                    <div class="card_butns">
                                        <a href="#" class="butn primary_butn cart_butn mx-1">
                                            <i class="fas fa-cart-shopping"></i> ADD TO CART
                                        </a>
                                        <a href="#" class="butn primary_butn sm_butn fav_butn mx-1 rounded-circle">
                                            <i class="fas fa-heart mx-0"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class="title ">
                                        Alpinestars SP-8 V2 Leather Gloves
                                    </h5>
                                    <div class="prices justify-content-center d-flex">
                                        <b class="color-primary me-2"><?php echo e($product->cost); ?> SAR</b> <del>999 SAR</del>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </section>


    <!-- Start section -->
        <?php echo $__env->make('web.layouts.newsletter', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    </main>

    <script>
        var swiper = new Swiper(".sm-slide-swiper", {
            // loop: true,
            slidesPerView: 6,
            spaceBetween: 5,
            freeMode: true,
            watchSlidesProgress: true,
        });
        var swiper2 = new Swiper(".lg-slide-swiper", {
            // loop: true,
            // effect: 'fade',
            spaceBetween: 10,
            // autoplay: {
            //     delay: 2500,
            // },
            thumbs: {
                swiper: swiper,
            },
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/city/resources/views/web/pages/products/product_details.blade.php ENDPATH**/ ?>
