@extends('layouts.app')
@section('aditional-header')
<style>
    html {
     scroll-behavior: smooth;
    }
    .vmc{
        color: red;
        font-size: 18px;
        font-weight: 700
    }.vmc:hover{
        color: red;
    }.texto-limitado {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-align: justify;
    }#especifications{
        position: absolute;
        top: -21rem;
    }.despro{
        text-align: justify;
    }.despro p{
        line-height: 1.5rem;
    }.despro p::first-letter {
    text-transform: capitalize;
    }.prod_recomendado{
        display: inline-flex;
        text-align: center;
    }.prod_recomendado a{
    color: #000;
    border: 1px solid #e7e7e7;
    border-radius: 0.6rem;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    }
    .prod_recomendado a .title {
    font-weight: 600;
    display: block;
    }.prod_recomendado .pr_pro{
        width: 150px;
    }.prod_recomendado .addcart{
        align-self: center;
        margin-left: 18px;
    }.prod_recomendado .addcart .btn-add-cart{
    height: 56px;
    display: flex;
    background: var(--color-impacto);
    color: #fff;
    border-radius: 1rem;
    font-size: 15px;
    width: 14rem;
    align-content: space-between;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    }.addcart2 .btn-add-cart{
        height: 56px;
        display: flex;
        background: var(--color-impacto);
        color: #fff;
        border-radius: 1rem;
        font-size: 15px;
        width: 20rem;
        align-content: space-between;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-weight: 600;
        letter-spacing: 2px;
        text-align: center;
    }.btn-comprar-fix {
        bottom: 0;
        z-index: 98;
        padding: 10px 30px;
        border-top: 1px solid #ccc;
        position: fixed;
        transition: bottom 0.3s ease;
        left: 0;
        background-color: #fff;
        width: 100%;
        text-align: -webkit-center;
    }.addcart2 .btn-wsp{
        height: 56px;
        display: flex;
        background: #25D366;
        color: #fff;
        border-radius: 3rem;
        font-size: 26px;
        width: 4rem;
        align-content: space-between;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-weight: 600;
        letter-spacing: 2px;
        text-align: center;
        margin-right: 1rem;
    }.addcart2{
        display: inline-flex;
    }

</style>
@endsection
@section('seoheader')
    {!! $seo ?? '' !!}
    <link rel="stylesheet" href="{{ secure_asset('css/plugins/youtubegallerywall.css') }}">
    <script type="text/javascript">
      /*(function (s, y, n, di, go) {
        di = s.createElement(y);
        di.type = 'text/java'+y;
        di.async = true;
        di.src = n + Math.floor(Date.now() / 86400000);
        go = s.getElementsByTagName(y)[0];
        go.parentNode.insertBefore(di,go);
      }(document,'script', "https://content.syndigo.com/site/a622adff-2505-abda-969d-91ed8640af0d/tag.js?cv="));*/
    </script>
     <script type="text/javascript">
        /*window.SYNDI = window.SYNDI || [];
        SYNDI.push({!! json_encode($product->prod_min_cod) !!});*/
    </script>
@endsection

@section('plusblade')
    @include('utils.modals')
@endsection

@section('content')
    @include('utils.preloader')
    @include('layouts.header')
    <div class="navigation--list">
        <div class="navigation__content">
            <div class="single-product-content">
                <div class="addcart2">
                    <a class="whatsapp btn-wsp" href="{{ route('wsprdm', ['t' => 'producto', 'c' => $product->id_products]) }}" target="_blank">
                        <div class="icon"><i class="fab fa-whatsapp"></i></div>
                    </a>
                    <product-single-btn-buy-now-component :product="{{ $product }}"></product-single-btn-buy-now-component>

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

    <div class="breadcrumb-area mb-4">
        <div class="container-fluid custom-container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('catalogo') }}">Catálogo</a></li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('catalogo', ['categoria' => $product->menu->name ?? '', 'c' => $product->menu->id_web_menu  ?? '']) }}">
                            {{ $product->menu->name  ?? ''}}
                        </a>
                    </li>
                    <li class="breadcrumb-item">
                        <a href="{{ route('catalogo', ['qcategoria' => $product->category->cat_description ?? '', 'sc' => $product->category->id_categories  ?? '']) }}">
                            {{ $product->category->cat_description  ?? ''}}
                        </a>
                    </li>
                </ol>
            </nav>
        </div>
    </div>

    <section class="single-product-page">
        <div class="container-fluid custom-container">
            <div class="row">

                <div class="col-lg-1 col-md-12 binr">
                    <div class="product-single-thumb-image">
                        <ul class="product-single-thumb">
                            @forelse ($product->images as $g)
                                <li class="single-image">
                                    <img class="img-fluid border-1" src="{{ $g->op2 }}" alt="{{ $product->prod_description }}">
                                </li>
                            @empty
                                <li class="single-image">
                                    <img class="img-fluid border-1" src="{{ $product->prod_photo_one }}" alt="{{ $product->prod_description }}">
                                </li>
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5 col-md-12">
                    <div class="single-product-image">
                        <div class="product-single-image">
                            @forelse ($product->images as $g)
                                <a title="Imagen referencial" style="cursor: zoom-in;" class="single-image fancybox-buttons" data-fancybox-group="button" href="{{ $g->resource_multimedias }}">
                                    <figure style="position:relative; display: inline-block;">
                                        <img src="{{ $g->op2 }}" alt="{{ $product->prod_description }}">
                                    </figure>
                                </a>
                            @empty
                                <a title="Imagen referencial"  style="cursor: zoom-in;" class="single-image fancybox-buttons" data-fancybox-group="button" href="{{ $product->prod_photo_two }}">
                                    <figure style="position:relative; display: inline-block;">
                                        <img src="{{ $product->prod_photo_one }}" alt="{{ $product->prod_description }}">
                                    </figure>
                                </a>
                            @endforelse
                        </div>
                        <div style="position:absolute;top:10px;opacity:0.5;color:#888">
                            <i class="fa fa-hand-pointer-o"></i> Imagen Referencial *
                        </div>
                        @if ($product->descuent && !Request::query('rmt'))
                            @if ($product->descuent->show_view == 1)
                            <span class="ofert-product">
                                ¡Ahorra!<br>
                                @if ($product->descuent->affect_price == 0)
                                    ${{ number_format(($product->descuent->amount - $product->price), 2) }}
                                @else
                                    ${{ number_format(($product->price - $product->descuent->amount), 2) }}
                                @endif
                            </span>
                            @elseif ($product->descuent->show_view == 2)
                                <span class="ofert-product">
                                    -{{ ($product->descuent->porcent) }}%
                                </span>
                            @endif
                        @endif
                    </div>
                    @if (isset($product2))
                    @if ($product->stock>1 && $product2->stock>1)
                    <h4 style="font-weight: 600">Comprados Juntos :</h4>
                    <div class="prod_recomendado" >
                        @php
                            $cadena_c1=$product->prod_description;
                            $re_c1="";
                            $palabras=3;
                            foreach (explode(" ", $cadena_c1) as $palabra_c1) {
                                $patrones_c1[] = $palabra_c1;
                                break;
                            }
                            foreach ($patrones_c1 as $patron_c1) {
                                if (preg_match('/'.$patron_c1.'(\s+\S+){0,'.$palabras.'}[\w,()!]*/i', $cadena_c1, $matches_c1)) {
                                    $re_c1 = trim($matches_c1[0]);
                                }
                            }
                            $cadena_c2=$product2->prod_description;
                            $re_c2="";
                            foreach (explode(" ", $cadena_c2) as $palabra_c2) {
                                $patrones_c2[] = $palabra_c2;
                                break;
                            }
                            foreach ($patrones_c2 as $patron_c2) {
                                if (preg_match('/'.$patron_c2.'(\s+\S+){0,'.$palabras.'}[\w,()!]*/i', $cadena_c2, $matches_c2)) {
                                    $re_c2 = trim($matches_c2[0]);
                                }
                            }
                        @endphp
                        <a href="{{ route('productsingle', [$product->slug]) }}" title="{{ $re_c1 }}" style="text-align: -webkit-center;">
                            <img class="pr_pro" src="{{ $product->image }}"  alt="{{ $product->prod_description }}">
                            <span class="title"
                                    style="width: 14rem"
                            >{{ $re_c1 }}</span>
                            <span class="price">${{ number_format($product->price, 2) }}</span>
                        </a>
                        <div style="align-self: center">
                            <img style="width: 4rem;" src="{{asset('images/mas.png')}}" >
                        </div>
                        <a href="{{ route('productsingle', [$product2->slug]) }}" title="{{ $re_c2 }}" style="text-align: -webkit-center;">
                            <img class="pr_pro" src="{{ $product2->image }}"  alt="{{ $product2->prod_description }}">
                            <span class="title"
                                    style="width: 14rem"
                            >{{ $re_c2 }}</span>
                            <span class="price">${{ number_format($product2->price, 2) }}</span>
                        </a>
                        <div class="addcart">
                            <product-double-btn-buy-now-component
                            :product="{{ $product }}"
                            :second-product="{{ $product2 }}"></product-double-btn-buy-now-component>
                            <h5 class="mt-1">Precio Total :<br><b><span class="price" style="color:red">${{ number_format($product2->price + $product->price, 2) }}</span></b></br></h5>
                        </div>
                    </div>
                    @endif
                    @endif

                </div>
                <div class="col-lg-1 col-md-12 biyr">
                    <div class="product-single-thumb-image">
                        <ul class="product-single-thumb">
                            @forelse ($product->images as $g)
                                <li class="single-image">
                                    <img class="img-fluid border-1" src="{{ $g->op2 }}" alt="{{ $product->prod_description }}">
                                </li>
                            @empty
                                <li class="single-image">
                                    <img class="img-fluid border-1" src="{{ $product->prod_photo_one }}" alt="{{ $product->prod_description }}">
                                </li>
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="single-product-content">
                        <div class="row">
                            <div class="col-md-12">
                                <h1 class="product-title">{{ $product->prod_description }}</h1>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <a class="col-md-4 img-logo-detail" target="_blank" href="{{ route('catalogo', ['marca' => $product->brand->b_description]) }}">
                                        <img class="img-fluid border-1 border shadow-sm" src="{{ $product->brand->b_url }}" width="150" alt="{{ $product->brand->b_description }}">
                                    </a>
                                    <div class="product-detail col-md-5">
                                        <span>MINICÓDIGO: {{ $product->prod_min_cod }}</span> <br>
                                        <span class="part-number">PN: {{ $product->prod_code ?? '' }}</span> <br class="part-number">
                                        <span>STOCK: {{ ($product->stock > 9) ? '+10' : $product->stock }}</span> <br>
                                        <a class="part-number" href="{{ route('catalogo', ['marca' => $product->brand->b_description]) }}">VER MÁS DE ESTA MARCA <i class="fa fa-chevron-right"></i></a> <br>
                                    </div>
                                    {{-- @if(isset(Auth::user()->id) && (Auth::user()->id == '11125' ||
                                    Auth::user()->id == '53003' ||
                                    Auth::user()->id == '5' ||
                                    Auth::user()->id == '63992' ||
                                    Auth::user()->id == '51859')) --}}
                                    @if($product->tipo_envio == 1 )
                                    <div class=" col-md-3">
                                        <img src="{{ asset('envios/carrito_verde.png') }}" alt="">
                                        <a style="color: green; text-align: center" href=""> Solo envio en 24 Horas</a>
                                    </div>
                                    @elseif($product->tipo_envio == 2 )
                                    <div class=" col-md-3">
                                        <img src="{{ asset('envios/carrito_azul.png') }}" alt="">
                                        <a style="color: rgb(0, 0, 112); text-align: center" href=""> Solo envio en 48 Horas</a>
                                    </div>
                                    @endif

                                    {{-- @endif --}}
                                    <div class="col-md-12">
                                        <btns-rating-stars-component product_id="{{ $product->id_products }}" rating="{{ $product->average_rate }}"></btns-rating-stars-component>
                                    </div>
                                    @if (isset($similars[0]))
                                    @php
                                        $cat_val=$similars[0]->id_categories;
                                    @endphp
                                    {{-- @if ( $cat_val == 187 || $cat_val == 238 || $cat_val == 242 || $cat_val == 325 || $cat_val == 362 || $cat_val == 533) --}}
                                        <div class="col-md-12">
                                                <h6>Productos Similares</h6>
                                                <div class="prod-similars">
                                                    @foreach ($similars as $p)
                                                    @php
                                                        $cadena=$p->prod_description;
                                                        $resultado="";
                                                        $r2="";
                                                        foreach (explode(" ", $cadena) as $palabra) {
                                                            $patrones[] = $palabra;
                                                            break;
                                                        }
                                                        foreach ($patrones as $patron) {
                                                            $palabras=3;
                                                            if ($patron=='FUENTE' || $patron=='PROCESADOR') {
                                                                $palabras=4;
                                                            } elseif ($patron=='CARTUCHO') {
                                                                $palabras=2;
                                                            } elseif ($patron=='DISCO') {
                                                                if (preg_match('/\d+(TB|GB)\b/i', $cadena, $matches)) {
                                                                    $r2 = trim($matches[0]);
                                                                }
                                                            }
                                                            if (preg_match('/'.$patron.'(\s+\S+){0,'.$palabras.'}[\w,()!]*/i', $cadena, $matches)) {
                                                                $resultado = trim($matches[0]);
                                                            }
                                                        }
                                                    @endphp
                                                    <a href="{{ route('productsingle', [$p->slug]) }}" title="{{ $resultado }}" style="text-align: -webkit-center;">
                                                        <img src="{{ $p->image }}" width="78px" alt="{{ $p->prod_description }}">
                                                        <span class="title"
                                                            @if (Str::length($resultado)<17)
                                                                style="width: 7.4rem"
                                                            @else
                                                                style="width: 9rem"
                                                            @endif
                                                        >{{ $resultado }}
                                                        @if ($r2)
                                                            {{ $r2 }}
                                                        @endif
                                                        </span>
                                                        <span class="price">${{ number_format($p->price, 2) }}</span>
                                                    </a>
                                                @endforeach
                                                </div>

                                        </div>
                                    {{-- @endif --}}
                                    @endif

                                    {{-- CODIGO DE PRODUCTOS SIMILARES (BETA) --}}
                                    {{-- <div class="col-md-12">
                                        @foreach ($similars as $s)
                                            <h6>{{ $s->feature->name. ':' ?? '' }}</h6>
                                            <div class="prod-similars">
                                                @foreach ($s->relations as $p)
                                                    <a href="{{ route('productsingle', [ $p->product->slug ]) }}" title="{{ $p->content }}">
                                                        <img src="{{ $p->product->image }}" width="78px" alt="{{ $p->product->prod_description }}">
                                                        <span class="title">{{ $p->content }}</span>
                                                        <span class="price">${{ number_format($p->product->price, 2) }}</span>
                                                    </a>
                                                @endforeach
                                            </div>
                                        @endforeach
                                    </div> --}}
                                    {{-- FIN CODIGO DE PRODUCTOS SIMILARES (BETA) --}}

                                    {{-- @if ($product->AtributosWebMenu != null && $product->AtributosWebMenu != '')
                                    <div class="col-md-10 detail-short-custom hide-mobile">
                                        {{-- @if ($product->detail->description != null && $product->detail->description != '')
                                            <hr/>
                                            {!! $product->detail->description !!}
                                            <hr/>
                                        @endif --!
                                            <div class="table-responsive">
                                                <table class="table">
                                                    <tbody>
                                                        @forelse ($product->AtributosWebMenu as $g)
                                                        <tr>
                                                            <td><strong>{{ $g->name }} :</strong></td>
                                                            <td>{{ $g->name2 }}</td>
                                                        </tr>
                                                        @empty
                                                        @endforelse
                                                    </tbody>
                                                </table>
                                            </div>
                                    </div>
                                    @endif --}}
                                    @php
                                    if(isset($product->detail->details)){
                                        $detail = explode('<line>', $product->detail->details);
                                        $pv=explode('<separator>', $detail[0]);
                                    if(count($detail) < 8){
                                        $nc=count($detail);
                                    }else{
                                        $nc=7;
                                    }
                                    @endphp
                                    @if (isset($pv[0]) && isset($pv[1]))
                                    <div class="col-md-12">
                                        <div class="card-body" style="background: #f3f3f3b8;border-radius: 25px;padding: 1.5rem;">
                                            @for ($i = 0; $i < $nc; $i++)
                                                @php
                                                    $dd = $detail[$i] ?? '';
                                                    if (!strpos($dd, '<separator>')) {
                                                        $dd .= '<separator>'. $dd;
                                                    }
                                                    $parts=explode('<separator>', $detail[$i]);
                                                @endphp
                                                @if (isset($parts[0])&& isset($parts[1]) &&Str::length(ltrim($parts[0]))>0)
                                                <h6><span style="font-weight:700; text-transform: uppercase">{{ $parts[0] ?? 'N/D' }}:</span> {{ (Str::length(ltrim($parts[1]))>0)? $parts[1] :'N/D' }} </h6>
                                                @endif
                                            @endfor

                                        </div>
                                    </div>
                                    @endif
                                    @php
                                    }
                                    @endphp
                                        @if ($product->detail->specifications != null && $product->detail->specifications != '')

                                    <div class="col-md-12">
                                    {{-- <div class="card-body mt-2" style="background: #f3f3f3b8;border-radius: 15px;padding: 1.5rem;">
                                        <h6 style="font-weight:700; text-transform: uppercase">Descripción del Producto:</h6>
                                                <div class="texto-limitado">
                                                    <h6>{!! $product->detail->specifications ?? 'Cargando...'  !!}</h6>
                                                </div>
                                        <a href="#especifications" class="vmc">Ver mas caracteristicas</a>
                                    </div> --}}
                                    </div>
                                    @endif

                                    {{-- <div class="col-md-12">
                                            @if ($product->detail->html != null && $product->detail->html != '')
                                            <details>
                                                <summary><strong><span style="color: rgb(0, 0, 0); font-weight: 700">Ver Más</span></strong></summary>
                                                {!! $product->detail->html!!}
                                            </details>
                                            @endif
                                    </div> --}}
                                    @if (Request::query('rmt') && !is_null($product->liquidation))
                                    <div class="col-md-12">
                                            <div class="bg-warning border-1 p-3">
                                                <b>Nota:</b> <br>
                                                {!! $product->liquidation->description !!}
                                            </div>
                                    </div>
                                    @endif

                                    {{-- <div class="col-md-12">
                                        <div class="product-wishlist-compare">
                                            Más información :
                                            <div class="btn-group-impacto-light-outline mb-3">
                                                <a data-toggle="modal" data-target="#ModalInfoCompraAsesor"> Compra con un asesor </a>
                                                <a data-toggle="modal" data-target="#ModalInfoDeliveryLima"> Delivery Lima </a>
                                                <a data-toggle="modal" data-target="#ModalInfoEnvioProvincia"> Envío a Provincia </a>
                                                <a data-toggle="modal" data-target="#ModalInfoModalidadPago"> Modalidades de Pago </a>
                                                <a data-toggle="modal" data-target="#ModalInfoProcesoCompra"> Proceso de Compra </a>
                                                <a data-toggle="modal" data-target="#ModalInfoRecojoAlmacen"> Recojo en Almacén </a>
                                            </div>
                                        </div>
                                    </div> --}}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12 general-prices-all">
                                        @if ($product->stock > 0)
                                            {{-- @if ($product->descuent && !Request::query('rmt'))
                                                <div class="container-countdown-2">
                                                    <div class="mx-auto d-flex">
                                                        <span class="title sc-title-{{ $product->id_products }}">La oferta termina en </span>
                                                        <div class="simply-countdown simply-countdown-{{ $product->id_products }}"
                                                            data-id="{{ $product->id_products }}"
                                                            data-date="{{ date('d-m-Y', strtotime($product->descuent->date_end)) }}"
                                                            data-time="{{ date('H:i', strtotime($product->descuent->date_end)) }}">
                                                            <span class="day"><span class="num"></span><span class="word"></span></span>
                                                            <span class="hour"><span class="num"></span><span class="word"></span></span>
                                                            <span class="min"><span class="num"></span><span class="word"></span></span>
                                                            <span class="sec"><span class="num"></span><span class="word"></span></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif --}}
                                            <div class="product-price">
                                                <div class="h5">Pagando con Efectivo</div>
                                                @php
                                                    $price = $product->price;
                                                    $price2 = 0;
                                                    $price3 = $product->price_increment;
                                                    $price_dis=$product->prod_priceone;
                                                    if ($product->descuent) {
                                                        $price = ($product->descuent->affect_price == 0) ? $product->price : $product->descuent->amount;
                                                        $price2 = ($product->descuent->affect_price == 0) ? $product->descuent->amount : $product->price;
                                                        $price3 = ($product->descuent->affect_price == 0) ? $price3 : ($product->descuent->amount + (($product->descuent->amount * $configGeneral->targetprice))) ;
                                                    }
                                                    if (request('rmt') && !is_null($product->liquidation)) {
                                                        $price = $product->liquidation->price;
                                                        $price2 = $product->price;
                                                        $price3 = $product->liquidation->price + ($product->liquidation->price * $configGeneral->targetprice);
                                                    }
                                                @endphp
                                                <span class="regular-price">
                                                    ${{ number_format($price, 2, '.', ' ') }} -
                                                    S/{{ number_format(($price * $configGeneral->cambio), 2, '.', ' ') }}
                                                </span>
                                                @if ($price2 > 0)
                                                    <span class="regular-price-2">antes <span>${{ number_format(($price2), 2) }}</span>
                                                @endif
                                            </div>
                                            @if (isset(Auth::user()->id) && ( Auth::user()->id_account_types == 6 || Auth::user()->id == '11125' || Auth::user()->id == '53003' || Auth::user()->id == '5'||  Auth::user()->id == '51859'))
                                            <div class="product-price">
                                                <div class="h5">Precio para Tiendas </div>
                                                <span class="regular-price-3">
                                                    ${{ number_format($price_dis, 2, '.', ' ') }} -
                                                    S/{{ number_format(($price_dis * $configGeneral->cambio), 2, '.', ' ') }}
                                                </span>
                                            </div>
                                            <div id="payment-card-section" style="display:none;">
                                                <div class="product-price">
                                                    <h5>Pagando con Tarjeta (+{{ $configGeneral->targetprice * 100 }}%)</h5>
                                                    <span class="regular-price-3">
                                                        ${{ number_format($price3, 2, '.', ' ') }} -
                                                        S/{{ number_format(($price3 * $configGeneral->cambio), 2, '.', ' ') }}
                                                    </span>
                                                </div>
                                            </div>
                                            <!-- Botón "Ver más" -->
                                            <a href="#" id="show-more-btn" style="display:none;" onclick="showPaymentCardSection()"> Ver mas </a>
                                            @else
                                            <div class="product-price">
                                                <h5>Pagando con Tarjeta (+{{ $configGeneral->targetprice * 100 }}%)</h5>
                                                <span class="regular-price-3">
                                                    ${{ number_format($price3, 2, '.', ' ') }} -
                                                    S/{{ number_format(($price3 * $configGeneral->cambio), 2, '.', ' ') }}
                                                </span>
                                            </div>
                                            <div class="product-basic-info">
                                                <h5>El precio incluye IGV.</h5>
                                            </div>
                                            @endif

                                            @if (!Request::query('rmt') || is_null($product->liquidation))
                                                <div class="addcart">
                                                    <product-single-btn-buy-now-component :product="{{ $product }}"></product-single-btn-buy-now-component>
                                                </div>
                                            @endif
                                        @else
                                            <h2 class="text-muted">No hay Stock disponible u.u</h2>
                                        @endif
                                    </div>
                                    <div class="col-md-7 my-2">
                                        <div class="section-socials">
                                            <a class="whatsapp" href="{{ route('wsprdm', ['t' => 'producto', 'c' => $product->id_products]) }}" target="_blank">
                                                <div class="icon"><i class="fab fa-whatsapp"></i></div>
                                                <div class="text">Compra vía WhatsApp</div>
                                            </a>
                                        </div>
                                    </div>
                                    {{-- CARRITO 2 --}}

                                    {{-- <div class="addcart">
                                        <h1>prueba</h1>
                                        <product-double-btn-buy-now-component
                                        :product="{{ $product }}"
                                        :second-product="{{ $product2 }}"></product-double-btn-buy-now-component>
                                    </div> --}}
                                    <div class="col-md-10 container-ofert hide-mobile">
                                        <category-product-ofert-component :category_id="{{ $product->id_categories ?? 0 }}"></category-product-ofert-component>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- @if (count($products_relations) > 5 )
        @include('layouts.line_products', [
            'title' =>'Productos que te pueden interesar',
            'title_url' => '',
            'products' => $products_relations
        ])
    @endif --}}

    @if (count($products_brands) > 5 )
        @include('layouts.line_products', [
            'title' =>'Productos relacionados con la marca',
            'title_url' => '',
            'products' => $products_brands
        ])
    @endif

    @if (count($products_comparisons) >= 1 && !is_null($product->detail->details))
        @include('layouts.products_comparation')
    @endif

    @if (count($product->reviews))
        @include('layouts.product_reviews_line', ['reviews' => $product->reviews])
    @endif

    {{-- revisado @if ($product->detail->html != null && $product->detail->html != '')
        <div class="container-fluid custom-container">
            <h3 class="text-impacto font-weight-bold">Descripción del Producto</h3>
            <div>{!! $product->detail->html ?? 'Cargando...'  !!}</div>
        </div>
    @endif --}}



    <div class="container-fluid custom-container my-3">
        <div style="position: relative"><div id="especifications"></div></div>
        <div class="row">
            @php
            if(isset($product->detail->details)){
                $detail = explode('<line>', $product->detail->details);
                $pv=explode('<separator>', $detail[0]);
            @endphp

               @if (isset($pv[0]) && isset($pv[1]))
            <div class="col-md-6">
                <h3 class="text-impacto font-weight-bold">Especificaciones técnicas:</h3>
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                                @php
                                    $detail = explode('<line>', $product->detail->details)
                                @endphp
                                @for ($i = 0; $i < count($detail); $i++)
                                    @php
                                        $dd = $detail[$i] ?? '';
                                        if (!strpos($dd, '<separator>')) {
                                            $dd .= '<separator>'. $dd;
                                        }
                                        $parts = explode('<separator>', $detail[$i]);
                                    @endphp
                                    @if (isset($parts[0])&& isset($parts[1]) && Str::length(ltrim($parts[0]))>0)
                                    <tr>
                                        <td class="p-2">
                                            <b> {{ $parts[0] ?? 'N/D' }}: </b>
                                        </td>
                                        <td>
                                            {{ (Str::length(ltrim($parts[1]))>0)? $parts[1] :'N/D' }}
                                        </td>
                                    </tr>
                                    @endif

                                @endfor
                            </tbody>
                        </table>
                    </div>
            </div>
            @endif
            @php
                }
            @endphp
            <div class="col-md-6">
                <div class="row">
                    @if ($product->detail->specifications != null && $product->detail->specifications != '')
                            <div class="col-lg-12">
                                <div class="container-fluid custom-container">
                                    <h3 class="text-impacto font-weight-bold">Descripción del Producto</h3>
                                    <div class="despro">
                                    @php
                                    $t_espec = trim($product->detail->specifications);
                                    // Dividir el texto en palabras
                                    $palabras = explode(" ", $t_espec);
                                    $conteo = 0;
                                    $parrafoActual = "";
                                    foreach($palabras as $palabra) {
                                    // Agregar la palabra al párrafo actual
                                    $parrafoActual .= $palabra . " ";
                                    $conteo++;
                                    if($conteo == 70) {
                                        $parrafoActual = "<p>{$parrafoActual}</p>";
                                        $parrafos[] = $parrafoActual;
                                        $parrafoActual = "";
                                        $conteo = 0;
                                    }
                                    }
                                    // Si aún queda una sección de texto sin agregar, agregarla al último párrafo
                                    if(!empty($parrafoActual)) {
                                    $parrafoActual = "<p>{$parrafoActual}</p>";
                                    $parrafos[] = $parrafoActual;
                                    }

                                    // Combinar los párrafos en una sola cadena
                                    $resultado = implode("", $parrafos);
                                    echo $resultado;
                                    @endphp
                                    </div>
                                </div>
                            </div>
                    @endif
                    @if (count($product->images_r)>0)
                    <div class="col-lg-12">
                        <h2 class="title"><a class="text-impacto font-weight-bold">Fotos del Producto</a></h2>
                    </div>
                    <div class="col-md-12">
                        <div class="row">
                            @foreach ($product->images_r as $ir)
                            <div class="col-3">
                                <a title="Imagenes Referenciales del Producto"  class="single-image fancybox-buttons" data-fancybox-group="button2" href="{{ $ir->resource_multimedias }}">
                                    <figure style="position:relative; display: inline-block;">
                                        <img src="{{ $ir->op2 }}" alt="{{ $product->prod_description }}">
                                    </figure>
                                </a>
                            </div>
                            @endforeach
                        </div>

                    </div>
                    @endif
                </div>
            </div>


        </div>
    </div>

    <div class="container">
        <div id="syndi_inline"></div>
    </div>

    @include('layouts.newsletter')
    @include('layouts.footer')
    @include('utils.backtop')

@endsection

@section('link_scripts_custom')
    <script type="text/javascript" src="{{ secure_asset('js/plugins/zoombeta/jquery.mousewheel.pack.js?v=3.1.3') }}"></script>
	<script type="text/javascript" src="{{ secure_asset('js/plugins/zoombeta/jquery.fancybox.pack.js?v=2.1.5') }}"></script>
	<link rel="stylesheet" type="text/css" href="{{ secure_asset('js/plugins/zoombeta/jquery.fancybox.css?v=2.1.5') }}" media="screen" />
    <link rel="stylesheet" type="text/css" href="{{ secure_asset('js/plugins/zoombeta/helpers/jquery.fancybox-thumbs.css?v=1.0.7')}}" />
    <script type="text/javascript" src="{{ secure_asset('js/plugins/zoombeta/helpers/jquery.fancybox-thumbs.js?v=1.0.7')}}"></script>
    <script src="{{ asset('js/plugins/jquery.barrating.min.js') }}"></script>
    <script type="text/javascript" src="{{ secure_asset('js/plugins/youtubegallerywall.js')}}"></script>
@endsection

@section('scripts_custom')
    <script>
        $('.fancybox').fancybox();
        $('.fancybox-buttons').fancybox({
            openEffect  : 'fade',
            closeEffect : 'fade',
            padding : 0,
            margin: 0,
            autoSize : true,
            prevEffect : 'fade',
            nextEffect : 'fade',
            closeBtn  : true,
            helpers : {
                title : {
                    type : 'over',
                },
                thumbs : {
                    width  : 50,
                    height : 50
                }
            },
            afterLoad : function() {
                this.title = (this.title ? '' + this.title : '');
            }
        });
        $('.review-list-videos').youtubegallery();
        function isResponsive() {
    return window.innerWidth <= 991;
  }

  function toggleClasses() {
    const binrElement = document.querySelector('.binr');
    const biyrElement = document.querySelector('.biyr');

    if (isResponsive()) {
      binrElement.style.display = 'none';
      biyrElement.style.display = 'block';
    } else {
      binrElement.style.display = 'block';
      biyrElement.style.display = 'none';
    }
  }
    window.addEventListener('load', toggleClasses);
    window.addEventListener('resize', toggleClasses);
    </script>
    <script>
        function showPaymentCardSection() {
            // Muestra la sección de "Pagando con Tarjeta"
            document.getElementById('payment-card-section').style.display = 'block';
            // Oculta el botón de "Ver más"
            document.getElementById('show-more-btn').style.display = 'none';
        }

        // Verifica si el usuario cumple con las condiciones especificadas
        @if (isset(Auth::user()->id) && (Auth::user()->id_account_types == 6 || Auth::user()->id == '11125' || Auth::user()->id == '53003' || Auth::user()->id == '5'||  Auth::user()->id == '51859'))
            // Oculta la sección de "Pagando con Tarjeta"
            document.getElementById('payment-card-section').style.display = 'none';
            // Muestra el botón de "Ver más"
            document.getElementById('show-more-btn').style.display = 'inline-block';
        @endif
    </script>
@endsection