@extends('layouts.app')
@section('seo')
@if ($product->category === 'battery')
<title>Batería Para {{ $product->jianjie2 }} {{ $product->jianjie1 }} ({{ $product->dl }}) – Reemplazo</title>
    <meta name="description"  content="¿Le dura poco la batería de su {{ $product->jianjie2 }}? Comprar Batería {{ $product->jianjie2 }} {{ $product->dl }} {{ $product->jianjie1 }} al mejor precio. Envío rápido y seguro."/>
    <meta name="keywords"  content="batería {{ $product->jianjie2 }},bateria {{ $product->jianjie2 }},cambiar bateria {{ $product->jianjie2 }},batería {{ $product->jianjie2 }} original precio,capacidad bateria {{ $product->jianjie2 }}.">
@else
<title>Cargador de {{ $product->bzq }} para {{ $product->jianjie2 }} {{ $product->jianjie1 }}</title>
    <meta name="description"  content="Cargador {{ $product->cs }} {{ $product->bzq }}, para {{ $product->jianjie2 }}, ref {{ $product->jianjie1 }}. Comprar Cargador {{ $product->jianjie2 }} {{ $product->jianjie1 }} al mejor precio. Envío rápido y seguro."/>
    <meta name="keywords"  content="cargador {{ $product->jianjie2 }},cargador {{ $product->jianjie2 }} tipo c,cargador {{ $product->cs }} {{ $product->bzq }},">
@endif
@stop
@section('content')
    <!-- Page Banner Section Start -->
    <div class="page-banner-section section bg-image" data-bg="/assets/images/bg/breadcrumb.png">
        <div class="container">
            <div class="row">
                <div class="col">

                    <div class="page-banner text-left">
                        <ul class="page-breadcrumb">
                            <li><a href="/">Inicio</a></li>
                            <li><a href="{{ route('category',[strName($product->parent->category),$product->category1]) }}">{{ $product->parent->category_es }}</a></li>
                            <li><a href="{{ route('brand',[strtolower(rawurlencode($product->cs)),$product->category1]) }}">{{ ucfirst($product->cs) }}</a></li>
                            <li>
                                @if ($product->category === 'battery')
                                        Batería de Repuesto para {{ $product->jianjie2 }} {{ $product->jianjie1 }} - {{ $product->dy }} {{ $product->dl }}
                                        @else
                                        Cargador para {{ $product->jianjie2 }} {{ $product->jianjie1 }} {{ $product->bzq }}
                                        @endif
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Page Banner Section End -->
    <!-- Single Product Section Start -->
    <div class="single-product-section section pt-60 pt-lg-40 pt-md-30 pt-sm-20 pt-xs-25 pb-100 pb-lg-80 pb-md-70 pb-sm-30 pb-xs-20">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="shop-area">
                        <div class="row">
                            <div class="col-md-6 pr-35 pr-lg-15 pr-md-15 pr-sm-15 pr-xs-15">
                                <!-- Product Details Left -->
                                <div class="product-details-left">
                                    <div class="product-details-images">
                                        @foreach($product->imgmore as $img)
                                            <div class="lg-image">
                                                <img src="{{ $img }}" alt="{{ ucfirst($product->locale) }} para {{ $product->jianjie2 }} {{ $product->jianjie1 }} ">
                                                <a href="{{ $img }}" class="popup-img venobox" data-gall="myGallery"><i class="fa fa-expand"></i></a>
                                            </div>
                                        @endforeach

                                    </div>
                                    <div class="product-details-thumbs">
                                        @foreach($product->imgmore as $img)
                                        <div class="sm-image"><img src="{{ $img }}" alt="{{ ucfirst($product->locale) }} para {{ $product->jianjie2 }} {{ $product->jianjie1 }} "></div>
                                        @endforeach

                                    </div>
                                </div>
                                <!--Product Details Left -->
                            </div>
                            <div class="col-md-6">
                                <!--Product Details Content Start-->
                                <div class="product-details-content">
                                    <!--Product Nav Start-->

                                    <!--Product Nav End-->
                                    <h1 style="color: #151515;font-size: 23px;font-weight: 500;margin-bottom: 10px;">
                                        @if ($product->category === 'battery')
                                        Batería de Repuesto para {{ $product->jianjie2 }} {{ $product->jianjie1 }} - {{ $product->dy }} {{ $product->dl }}
                                        @else
                                        Cargador para {{ $product->jianjie2 }} {{ $product->jianjie1 }} {{ $product->bzq }}
                                        @endif
                                    </h1>
                                    <div class="single-product-reviews">
                                        <i class="fa fa-star active"></i>
                                        <i class="fa fa-star active"></i>
                                        <i class="fa fa-star active"></i>
                                        <i class="fa fa-star active"></i>
                                        <i class="fa fa-star-o"></i>
                                        ( <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960" aria-hidden="true" aria-labelledby="" class="text-neutral-900 shrink-0 h-6 w-6 flex-shrink-0" style="width: 20px;"><path d="M224.118-161Q175-161 140.5-195.417 106-229.833 106-279H40v-461q0-24 18-42t42-18h579v167h105l136 181v173h-71q0 49.167-34.382 83.583Q780.235-161 731.118-161 682-161 647.5-195.417 613-229.833 613-279H342q0 49-34.382 83.5-34.383 34.5-83.5 34.5ZM224-221q24 0 41-17t17-41q0-24-17-41t-41-17q-24 0-41 17t-17 41q0 24 17 41t41 17ZM100-339h22q17-27 43.041-43 26.041-16 58-16t58.459 16.5Q308-365 325-339h294v-401H100v401Zm631 118q24 0 41-17t17-41q0-24-17-41t-41-17q-24 0-41 17t-17 41q0 24 17 41t41 17Zm-52-204h186L754-573h-75v148ZM360-529Z"></path></svg> Envío GRATIS)
                                    </div>
                                    <div class="single-product-price">
                                        <span class="price new-price">{{ $product->price_symbol }}</span>
                                        <span class="regular-price">{{ $product->price_old }}</span>
                                        <span style="padding: 2px 6px;background-color: #b7160f;color: #fff;border-radius: 3px;font-size:14px;">-20 % de descuento</span>
                                    </div>
                                    <div class="product-description">
                                        <p>
                                            @if ($product->category === 'battery')
                                            Batería de reemplazo, alto rendimiento, {{ $product->dl }} para {{ $product->jianjie2 }}
                                            @else
                                            Recupera la autonomía y el rendimiento original con un recambio fiable, seguro y listo para instalar.
                                            @endif
                                        </p>
                                        <p>
                                            <b>Especificaciones:</b><br>
                                            Estado: Nuevo<br>
                                            @if ($product->category === 'battery')
                                            Tensión de la batería: {{ $product->dy }} <br>
                                            Capacidad de la batería: {{ $product->dl }} <br>
                                            Tecnología: {{ $product->type }} <br>
                                            Modelos compatibles: {{ $product->jianjie1 }} <br>
                                            @else
                                            Voltaje de entrada: {{ $product->dl }}<br>
                                            Voltaje de salida: {{ $product->dy }}<br>
                                            @if($product->bzq&&$product->bzq!=1)Potencia: {{ $product->bzq }}<br>@endif
                                            @if($product->size)Tipo de punta: {{ $product->size }}<br>@endif
                                            @endif
                                            @if($product->color)Color: {{ $product->color }}<br>@endif
                                            Garantía: 12 Meses
                                        </p>
                                    </div>
                                    <div class="single-product-quantity">
                                        <label class="mc-field__label js-quantity-label" >
                                            Cantidad
                                        </label>
                                        <form class="add-quantity" action="{{ route('carts.store') }}" method="post">
                                            <input type="hidden" name="pid" value="{{ $product->pid }}">
                                            <input type="hidden" name="jian" value="{{ $product->jianjie1 }}">
                                            @csrf
                                            <div class="product-quantity">
                                                <input value="1" name="quantity" type="number">
                                            </div>
                                            <div class="add-to-link">
                                                <button @if($product->stock!='ok') disabled="disabled" @endif class="btn"><i class="fa fa-shopping-bag"></i>Añadir al carrito</button>
                                            </div>
                                        </form>
                                    </div>

                                        <a href="mailto:{{infoEmail()->email}}" class="wishlist-btn">
                                            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"></rect></g><g><g><path d="M21,12.22C21,6.73,16.74,3,12,3c-4.69,0-9,3.65-9,9.28C2.4,12.62,2,13.26,2,14v2c0,1.1,0.9,2,2,2h1v-6.1 c0-3.87,3.13-7,7-7s7,3.13,7,7V19h-8v2h8c1.1,0,2-0.9,2-2v-1.22c0.59-0.31,1-0.92,1-1.64v-2.3C22,13.14,21.59,12.53,21,12.22z"></path><circle cx="9" cy="13" r="1"></circle><circle cx="15" cy="13" r="1"></circle><path d="M18,11.03C17.52,8.18,15.04,6,12.05,6c-3.03,0-6.29,2.51-6.03,6.45c2.47-1.01,4.33-3.21,4.86-5.89 C12.19,9.19,14.88,11,18,11.03z"></path></g></g></svg>
                                            ¿Tienes dudas? Consúltanos
                                        </a>

                                    <div class="product-meta">
                                            <span class="posted-in">
                                                <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" aria-hidden="true"><path d="M5.6 9.1C6.8 6.7 9.2 5 12 5C15.9 5 19 8.1 19 12C19 15.9 15.9 19 12 19C8.1 19 5 15.9 5 12M9 9.2H5V5.2" stroke="currentColor"></path></svg>
                                                Plazo de devolución de 30 días<br>
                                                <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" stroke-width="1.5" aria-hidden="true"><path d="M16.19 9.12L11.19 14.12L8.38 11.31M18.59 15.66L12 20.12L5.41 15.66L5.38 5.25L12 3.75L18.56 5.25L18.59 7.71V15.66Z" stroke="currentColor"></path></svg>
                                                Compra con seguridad con garantía de 12 meses<br>

                                                    Seguridad en las compras<br>
                                                    <span style="font-weight: 500;"><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Pagos seguros <svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Protección de privacidad</span>
                                            </span>
                                    </div>
                                    <div class="single-product-sharing">
                                        <p>
                                            SKU: {{ $product->pcode }}<br>
                                            Categoría: {{ $product->parent->category_es }}<br>
                                        </p>

                                    </div>
                                </div>
                                <!--Product Details Content End-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Single Product Section End -->

    <!--Product Description Review Section Start-->
    <div class="product-description-review-section section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="product-review-tab section">
                        <!--Review And Description Tab Menu Start-->
                        <ul class="nav dec-and-review-menu">
                            <li>
                                <a class="active" data-toggle="tab" href="#description">Descripción</a>
                            </li>
                            <li>
                                <a data-toggle="tab" href="#reviews">Envío y tiempo de entrega</a>
                            </li>
                        </ul>
                        <!--Review And Description Tab Menu End-->
                        <!--Review And Description Tab Content Start-->
                        <div class="tab-content product-review-content-tab" id="myTabContent-4">
                            <div class="tab-pane fade active show" id="description">
                                <div class="single-product-description">
                                    @if ($product->category === 'battery')
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Compatibilidad precisa: Diseñada exclusivamente para los modelos {{ $product->jianjie2 }}, asegura un ajuste perfecto y un rendimiento fiable.</p>
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Rendimiento de larga duración: Con una capacidad de {{ $product->dl }} y un voltaje de {{ $product->dy }}, ofrece una excelente autonomía para el uso diario.</p>
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Protección avanzada: Fabricada con materiales de alta calidad, incluye protección contra sobrecalentamiento, sobrecargas y cortocircuitos.</p>
                                    @else
                                    <p>
                                        Este Cargador {{ $product->cs }} de {{ $product->bzq }} está especialmente diseñado para {{ $product->jianjie2 }}, garantizando una alimentación estable y adaptada a las necesidades de tu dispositivo.
                                    </p>
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Norma de calidad probada</p>
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Compatibilidad y precisión de ajuste garantizadas</p>
                                    <p><svg style="width:14px;height:14px;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.9437 4.68544L6.31456 11.3146L3 8" stroke="var(--shipping-text-primary, #007D49)" stroke-width="1.5"></path></svg> Probado y confiable: probado, confiable y con respaldo de una garantía limitada de un año</p>
                                    @endif
                                    <h4>Paquete Incluye:</h4>
                                    <p>
                                        1x {{ ucfirst($product->locale) }} {{ $product->jianjie2 }}.
                                    </p>
                                    <h3 style="margin: 1.4em 0 .5em;padding-bottom: .3em;border-bottom: 2px solid #ffde00;display: inline-block;font-size: 1.15rem;font-weight: 700;">

                                          Números de parte compatibles</h3>
                                    <p>{!! $product->rep !!}</p>
                                    <h3 style="margin: 1.4em 0 .5em;padding-bottom: .3em;border-bottom: 2px solid #ffde00;display: inline-block;font-size: 1.15rem;font-weight: 700;">

                                          Modelos Compatibles</h3>
                                    <p>{!! $product->comp !!}</p>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="reviews">
                                <div class="review-page-comment">
                                    <h3>Política de envío</h3>
                                    <p>En {{infoEmail()->host}}, nos comprometemos a ofrecerte un servicio de envío rápido, seguro y eficiente para garantizar que recibas tus productos en el menor tiempo posible. A continuación, detallamos nuestra política de envío.</p>
                                    <p>ofrecemos envío gratuito dentro de España peninsular.</p>
                                    <h4>Tiempos de Procesamiento y Entrega:</h4>
                                    <p>Todos los envíos se procesan y despachan entre 1 y 2 días hábiles después de realizada la compra.</p>
                                    <p>Una vez enviado, el paquete puede demorar entre 7 y 20 días hábiles en llegar a tu domicilio, dependiendo de la mensajería y la ubicación de entrega.</p>
                                    <p>Estos tiempos son estimados y pueden variar dependiendo de la ubicación, disponibilidad del producto y condiciones externas como días festivos o problemas logísticos.</p>
                                    <h4>Seguimiento del Envío</h4>
                                    <p>Una vez que tu pedido sea enviado, recibirás un correo electrónico con el número de seguimiento y un enlace para rastrear el estado de tu paquete.</p>

                                </div>
                            </div>
                        </div>
                        <!--Review And Description Tab Content End-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Product Description Review Section Start-->

    <!--Product section start-->
    <div class="product-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-60 pb-lg-40 pb-md-30 pb-sm-20 pb-xs-15">
        <div class="container">

            <div class="row">
                <div class="col">
                    <div class="section-title text-center mb-50 mb-xs-20">
                        <h2>También le puede gustar</h2>
                    </div>
                </div>
            </div>
            <div class="row product-slider">
                @foreach($new as $val)
                    <div class="col">
                        <!--  Single Grid product Start -->
                        <div class="single-grid-product mb-40">
                            <div class="product-image">
                                <div class="product-label">
                                    <span style="width: 100px;position: absolute;top: 10px;z-index: 10;padding: 4px 9px;border-radius: 8px;font-size: 13px;font-weight: 700;color: #fff;background: #eb0029;">¡20% dscto!</span>
                                </div>
                                <a href="{{ $val->url }}">
                                    <img src="{{ $val->okpcode }}" class="img-fluid" alt="{{ ucfirst($product->locale) }} de {{ $val->dl }} para {{ $val->jianjie2 }} ">
                                </a>
                            </div>
                            <div class="product-content">
                                <h3 class="title" style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-weight:unset;"> <a href="{{ $val->url }}">
                                    {{ ucfirst($product->locale) }} de {{ $val->dl }} para {{ $val->jianjie2 }}
                                </a></h3>
                                <p class="product-price"><span class="discounted-price">{{ $val->price_symbol }}</span> <span class="main-price discounted">{{ $val->price_old }}</span></p>
                            </div>
                        </div>
                        <!--  Single Grid product End -->
                    </div>
                @endforeach

            </div>

        </div>
    </div>
    <!--Product section end-->
@stop
@section('js')
    <script>
        /*-----
	Quantity
--------------------------------*/
        $('.pro-qty').prepend('<button class="dec qtybtn">-</button>');
        $('.pro-qty').append('<button class="inc qtybtn">+</button>');
        $('.qtybtn').on('click', function() {
            var $button = $(this);
            var oldValue = $button.parent().find('input').val();
            if ($button.hasClass('inc')) {
                var newVal = parseFloat(oldValue) + 1;
            } else {
                // Don't allow decrementing below zero
                if (oldValue > 0) {
                    var newVal = parseFloat(oldValue) - 1;
                } else {
                    newVal = 0;
                }
            }
            $button.parent().find('input').val(newVal);
        });
    </script>
@stop
