@extends('londner.web.plantilla')
@section('contenido')
</div>
</div>
<div class="container-fluid" id="containerresultados">
    <div class="container py-3">
        <div class="row py-3">
            <div class="col-md-12">
                <i class="fa fa-arrow-left" id="arrowleft" aria-hidden="true"></i> <a href="/index.php" id="linkvolver">Volver a la b&uacute;squeda</a>
            </div>
        </div>
        <div class="row py-3" id="descripcionCuadro">
            @if(isset($array_producto) && isset($array_tamanios))
                <div class="col-md-5">
                    <img alt="" id="imagenDescripcion" src="/londner/images/{{$array_producto->imagen }}" data-holder-rendered="true"><hr><br>
                    <strong>TIPO</strong>: <span style="color:rgb(216, 208, 208)">ESENCIA</span><br>
                    <strong>TAMAÑO</strong>: <span style="color:rgb(216, 208, 208)"><br>@foreach($array_tamanios as $tamanio) {{$tamanio->tamanio}} <br> @endforeach</span><br>
                    <strong>SISTEMA FLORAL</strong>: <span style="color:rgb(216, 208, 208)">{{$array_producto->nombre_marca}}</span><br>
                </div>
                <div class="col-md-7" id="coldescripcion">
                    <h2>{{$array_producto->nombre}}</h2><br>
                    <p>{{$array_producto->descripcion}}</p><br><br><br>
                    <button class="btn" id="buttonDescripcion"  onclick="fAgregarAlCarrito({{ $array_producto->idproducto}})">AGREGAR AL INFORME PERSONALIZADO</button>
                </div>
            @endif
        </div>
    </div>
</div>
<script>
    function fAgregarAlCarrito(idProducto){
        $.ajax({
            type: "GET",
            url: "{{ asset('/esencia/carrito') }}",
            data: { id:idProducto },
            async: true,
            dataType: "json",
            success: function (respuesta) {
                if (respuesta.err = "0") {
                    $("#cantidadDeProductos").html(respuesta.cantidad);
                } else {
                    alert("Error");
                }
            }
        });   
    }
</script>
@endsection