@extends('plantilla.plantilla')

@section('titulo','Importadora Cork')

@section('estilos')

    <link rel="stylesheet" type="text/css" href="{{ asset('asset/styles/main_styles.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('asset/styles/responsive.css') }}">

@endsection


@section('contenido')

    @php
        $currenturl = str_replace('&','%26',url()->full());

    @endphp

    <div class="super_container_inner">

        <div class="pageproduct"></div>
        <div class="container  pt-lg-10">
            <div class="row">
                <section class="col-12 d-none d-md-block">
                    <ol class="breadcrumb">

                        <li class="breadcrumb-item">
                            <a href="{{url('/')}}" class="trsn" title="Regresar al inicio">Inicio</a>
                        </li>

                        <li class="breadcrumb-item">
                            <a href="{{url('tienda?categoria=').$producto[0]['categoria']}}" class="trsn"
                               title="Regresar a {{$producto[0]['categoria'] }}">{{$producto[0]['categoria'] }}</a>
                        </li>

                        <li class="breadcrumb-item"><span>{{ $codigo_prod }} </span></li>

                    </ol>
                </section>
            </div>
            <div class="product-detail bg-white">
                <!-- Page Heading -->
                <div class="row" style="padding-top: 3%">
                    <div class="col-lg-6 text-center">
                        <h4 class="text-purple">Código</h4>
                        <h2 class="text-purple" style="margin-top: -10px; font-weight: 700;">{{ $codigo_prod }}</h2>
                    </div>
                </div>
                <!-- /.row -->
                <div class="row">
                    <div class="col-lg-6 mb-4 text-center pb-3">
                    {{--<div id="amazingslider-wrapper-3"--}}
                    {{--style="display:block;position:relative;max-width:100%;margin:0 auto;">--}}
                    {{--<div id="amazingslider-3" style="display:block;position:relative;margin:0 auto;">--}}
                    {{--<ul class="amazingslider-slides" style="display:none;">--}}
                    {{--@foreach($imagenes as $i)--}}
                    {{--@if($i->Status == "V")--}}
                    {{--<li>--}}
                    {{--<img src="{{ str_replace('F','',$i->url) }}"/>--}}
                    {{--<video preload="none" src="{{ str_replace('F','',$i->url) }}"></video>--}}
                    {{--</li>--}}

                    {{--@else--}}
                    {{--<li>--}}
                    {{--<img src="{{ str_replace('F','',$i->url) }}"/>--}}
                    {{--</li>--}}
                    {{--@endif--}}
                    {{--@endforeach--}}
                    {{--</ul>--}}
                    {{--<ul class="amazingslider-thumbnails" style="display:none;">--}}
                    {{--@foreach($imagenes as $i)--}}
                    {{--@if($i->Status == "V")--}}
                    {{--<li>--}}
                    {{--<img src="{{asset('imagenes/play.png')}}"/>--}}

                    {{--</li>--}}

                    {{--@else--}}
                    {{--<li>--}}
                    {{--<img src="{{ str_replace('F','',$i->url) }}"/>--}}
                    {{--</li>--}}
                    {{--@endif--}}
                    {{--@endforeach--}}

                    {{--</ul>--}}
                    {{--</div>--}}
                    {{--</div>--}}

                    <!-- There's only One image -->
                        <!-- <div class="producto owl-carousel owl-theme pt-lg-5">

                        </div> -->
                        <ul id="imageGallery">
                            @foreach($imagenes as $i)
                                @if($i->Status == "V")
{{--                                    @if($producto[0]['categoria']== 'Rines')--}}
{{--                                        <li data-thumb="{{str_replace('F','',$i->url)}}"--}}
{{--                                            data-src="{{ str_replace('F','',$i->url) }}" data-type-file="v">--}}
{{--                                            <video controls preload="auto" autoplay loop width="100%" height="100%"--}}
{{--                                                   style="border-radius:20px;">--}}
{{--                                                <source src="{{ str_replace('F','',$i->url) }}" type='video/mp4'/>--}}
{{--                                            </video>--}}
{{--                                        </li>--}}
{{--                                    @else--}}
                                        <li data-thumb="{{$i->url}}"
                                            data-src="{{ $i->url }}?{{ time() }}" data-type-file="v">
                                            <video controls preload="auto" autoplay loop width="100%" height="100%"
                                                   style="border-radius:20px;">
                                                <source src="{{ $i->url }}?{{ time() }}" type='video/mp4'/>
                                            </video>
                                        </li>
{{--                                    @endif--}}

                                @else
{{--                                    @if($producto[0]['categoria']== 'Rines')--}}
{{--                                        <li data-thumb="{{ str_replace('F','',$i->url) }}"--}}
{{--                                            data-src="{{ str_replace('F','',$i->url) }}" data-type-file="i">--}}
{{--                                            <img src="{{ str_replace('F','',$i->url) }}"--}}
{{--                                                 alt="{{$producto[0]['codigoproducto']}}"--}}
{{--                                                 title="{{$producto[0]['codigoproducto']}}"/>--}}
{{--                                        </li>--}}
{{--                                    @else--}}
                                        <li data-thumb="{{ $i->url }}?{{ time() }}"
                                            data-src="{{ $i->url }}?{{ time() }}" data-type-file="i">
                                            <img src="{{ $i->url }}?{{ time() }}"
                                                 alt="{{$producto[0]['codigoproducto']}}"
                                                 title="{{$producto[0]['codigoproducto']}}"/>
                                        </li>
{{--                                @endif--}}
                            @endif

                        @endforeach

                        <!-- <li data-thumb="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp" data-src="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp">
                            <img src="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp" />
                        </li>
                        <li data-thumb="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp" data-src="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp">
                            <img src="http://localhost/GitHub/corkshop/public/imagenes/productos/130519_01.webp" />
                        </li> -->
                        </ul>
                    </div>

                    <div class="col-lg-6">
                        <!--<form class="form-horizontal" action="" method="post"
                                  enctype="multipart/form-data" name="buy">-->

                        <!-- Product Price  -->
                        <div class="form-group price_elem row">
                            <label class="col-sm-3 col-md-3 form-control-label nopaddingtop">
                                Precio Unitario:</label>
                            <div class="col-sm-8 col-md-9" style="margin-top: -20px">
                            <span class="product-form-price" id="product-form-price">
                                @if (Auth::check())
                                    <!-- <span class="badge badge-light color-gray text-price"> -->
                                    <!-- $ {{ number_format($producto[0]['precio'],2,".",",") }} -->
                                        <!-- </span> <br> -->
                                        <h2 class="text-red"
                                            style="font-weight: 700; margin-bottom:0"> $ {{ number_format($producto[0]['precio'],2,".",",") }}</h2>
                                        <small>*El precio incluye IVA*</small>
                                    @else
                                        <p class="text-red" style="margin-top: 10px">*Favor de ingresar con su usuario para proporcionarle el precio*</p>

                                    @endif

                            </span>

                            </div>
                        </div>


                        <div class="form-group row">
                            <label for="Quantity" class="col-sm-3 col-md-3 form-control-label">
                                Cantidad:
                            </label>
                            <div class="col-sm-8 col-md-9">
                                @if($producto[0]['categoria']== 'Rines')
                                    <input type="number" class="qty form-control" id="input-qty" name="qty" maxlength=""
                                           min="4" max="" step="4" value="4">
                                @else
                                    <input type="number" class="qty form-control" id="input-qty" name="qty" maxlength=""
                                           min="1" max="" step="1" value="1">
                                @endif
                            </div>
                        </div>


                        <!-- Out of Stock -->
                        <div class="form-group product-stock product-out-stock row">
                            <label class="col-sm-3 col-md-3 form-control-label">
                                Disponibilidad:
                            </label>
                            <div class="col-sm-8 col-md-9">
                                <h4>
                                                                        @if(!empty($sucs))
                                        @foreach(array_unique($sucs) as $a)
                                            <span class="product-form-price badge text-white bg-blue p-1">
                                    {{ $a  }}
                                </span>

                                        @endforeach
                                    @else
                                        <span class="product-form-price badge text-white bg-blue p-1">Sin existencia disponible</span>

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

                        <div class="form-group product-stock product-available row visible">
                            <label class="col-sm-3 col-md-3 form-control-label"></label>
                            <div class="col-sm-8 col-sm-offset-3 col-md-9 col-md-offset-3">
                                @if (Auth::check())
                                    @if(!empty($sucs))
                                        <button type="submit" class="adc btn btn-primary"
                                                onclick="addItem('{{ $producto[0]['codigoproducto'] }}','{{ $producto[0]['precio'] }}')">
                                            Agregar al carrito de compras
                                        </button>
                                    @endif
                                @endif

                                <a href="javascript:history.back()" class="btn btn-link" title="Continue Shopping">←
                                    Seguir comprando</a>
                            </div>
                        </div>


                        <div class="form-group row">
                            <label class="col-sm-3 col-md-3 form-control-label">Descripción:</label>
                            <div class="col-sm-8 col-md-9 description">
                                @if(isset($producto[0]['descespecial']) && $producto[0]['descespecial']!=null)
                                    <p class="text-blue" style="font-weight: 400;">{{$producto[0]['descespecial']}}</p>
                                @else
                                    <p class="text-blue" style="font-weight: 400;">{{$producto[0]['nombre']}}</p>
                                @endif

                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-sm-3 col-md-3 form-control-label">Detalle:</label>
                            <div class="col-sm-9 col-md-9">
                                <table class="table table-striped-blue text-blue" style="font-size: 1rem;">
                                    @if(isset($producto['Atributos'][0]['diametro']))
                                        <tr>
                                            <td>Diametro</td>
                                            <td>
                                                {{ $producto['Atributos'][0]['diametro'] }}"
                                            </td>
                                        </tr>
                                    @endif
                                    
                                    @if(isset($producto['Atributos'][0]['MedidasTB']))
                                        <tr>
                                            <td>Medidas</td>
                                            <td>
                                                @foreach($producto['Atributos'] as $a)
                                                    {{ $a['MedidasTB'] }}
                                                @endforeach
                                            </td>
                                        </tr>
                                    @endif

                                    @if(isset($producto['Atributos'][0]['ancho']))
                                        <tr>
                                            <td>Ancho</td>
                                            <td>

                                                @foreach($producto['Atributos'] as $a)
                                                    {{ $a['ancho'] }}
                                                @endforeach
                                            </td>
                                        </tr>
                                    @endif
                                    @if(isset($producto['Atributos'][0]['alto']))
                                        <tr>
                                            <td>Alto</td>
                                            <td>
                                                @foreach($producto['Atributos'] as $a)
                                                    {{ $a['alto'] }}
                                                @endforeach
                                            </td>
                                        </tr>
                                    @endif
                                    @if(isset($producto['Atributos'][0]['barrenacion']))
                                        <tr>
                                            <td>Barrenación</td>
                                            <td>

                                                {{ $producto['Atributos'][0]['barrenacion'] }}

                                            </td>
                                        </tr>
                                    @endif

                                                                        @if(!isset($modelo))
                                        <tr>
                                            <td>Modelo</td>
                                            <td>

                                                @foreach(array_unique($modelo) as $a)
                                                    {{ $a }}
                                                @endforeach
                                            </td>
                                        </tr>
                                    @endif
                                </table>
                                <table class="table table-striped" style="display: none;">
                                    @foreach($producto['Atributos'] as $a)
                                        @if(isset($a['diametro']))
                                            <tr>
                                                <td>Diametro</td>
                                                <td>{{$a['diametro'] }}"</td>
                                            </tr>
                                        @endif
                                        @if(isset($a['ancho']))
                                            <tr>
                                                <td>Ancho</td>
                                                <td>{{$a['ancho'] }}</td>
                                            </tr>
                                        @endif
                                        @if(isset($a['alto']))
                                            <tr>
                                                <td>Alto</td>
                                                <td>{{$a['alto'] }}</td>
                                            </tr>
                                        @endif
                                        @if(isset($a['barrenacion']))
                                            <tr>
                                                <td>Barrenación</td>
                                                <td>{{$a['barrenacion'] }}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <td>Modelo</td>
                                            <td>{{$a['modelo'] }}</td>
                                        </tr>

                                    @endforeach

                                </table>

                            </div>
                        </div>

                        <div id="product-sharing" class="row">
                            <label class="col-sm-3 col-md-3 ">Compartir:</label>
                            <ul class="list-inline social-networks col-sm-9 col-md-9">

                                <li class="list-inline-item">
                                    <a href="https://www.facebook.com/sharer/sharer.php?u={{$currenturl}}"
                                       class="has-tip tip-top radius tiny button-facebook trsn text-blue"
                                       title="Compartir en Facebook" target="_blank" data-tooltip="">
                                        <i class="fa fa-facebook-f"></i>
                                    </a>
                                </li>

                                <li class="list-inline-item">
                                    <a href="https://twitter.com/share?url={{$currenturl}}&amp;text=Mira este producto {{$producto[0]['codigoproducto']}} "
                                       class="has-tip tip-top radius tiny button-twitter trsn text-blue"
                                       title="Compartir en Twitter" target="_blank" data-tooltip="">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>


                                <li class="list-inline-item">
                                    <a id="whatsapp" class="has-tip tip-top radius tiny button-whats trsn text-blue"
                                       href="https://api.whatsapp.com/send?text=Mira este producto {{$producto[0]['codigoproducto']}}  | {{$currenturl }}">
                                        <i class="fa fa-whatsapp"></i>
                                    </a>
                                </li>


                            </ul>
                        </div>


                        <input type="hidden"><!--</form>-->
                        <script>
							$('#product-sharing a').click(function () {
								return !window.open(this.href, 'Share', 'width=640,height=300');
							});
                        </script>


                    </div>
                </div>

            </div>
        </div>

    </div>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script type="application/javascript">


		$(document).ready(function () {
			$("#input-qty").keydown(function () {
				return false
			});

			var slideim = $('#imageGallery').lightSlider({
				gallery: true,
				item: 1,
				loop: true,
				thumbItem: 8,
				enableDrag: true,
				controls: false,
				currentPagerPosition: 'right',
				onSliderLoad: function (el) {
					el.lightGallery({
						selector: '#imageGallery .lslide'
					});
				}
			});

			$(window).bind('resize', function () {
				slideim.refresh()
			});
		});

		function addItem(codigo, precio) {
			var cantidad = $('#input-qty').val()
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: 'agrega_item',
				url: '{{url("detalle-producto/agrega_item")}}',

				type: 'POST',
				dataType: 'json',
				data: {
					codigo: codigo,
					precio: precio,
					cantidad: cantidad
				},
			})
				.done(function (resp) {
					console.log("success");
					if (resp.estatus > 0) {
						Swal.fire({
							icon: 'success',
							title: 'Agregado correctamente',
							showConfirmButton: false,
							timer: 2000
						})
						carrito();
					}

				})
				.fail(function () {
					console.log("error");
				})
				.always(function () {
					console.log("complete");
				});

		}
    </script>
@endsection