@extends('londner.web.plantilla')
@section('contenido')
</div>
</div>
<div class="container-fluid" id="containerresultados">
    <div class="container">
        <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_sistemafloral))
                    <div class="col-md-5">
                        <img alt="" id="imagenDescripcion" src="../londner/images/{{$array_producto_sistemafloral->foto}}" data-holder-rendered="true"><hr><br>
                    </div>
                    <div class="col-md-7" id="coldescripcion">
                        <h2>{{$array_producto_sistemafloral->nombre}}</h2><br>
                        <p></p><br><br><br>
                        
                        </div>
                @endif
        </div>
        <div class="row py-2">
            <div class="col-md-12">
                <h2 id="resultados">Esencias que lo conforman</h2>
            </div>
        </div>
        <div class="row py-2 text-center" id="rowabecedario">
            <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=a#resultados"> A </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=b#resultados"> B </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=c#resultados"> C </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=d#resultados"> D </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=e#resultados"> E </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=f#resultados"> F </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=g#resultados"> G </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=h#resultados"> H </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=i#resultados"> I </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=j#resultados"> J </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=k#resultados"> K </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=l#resultados"> L </a>
            <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=m#resultados"> M </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=n#resultados"> N </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=o#resultados"> O </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=p#resultados"> P </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=q#resultados"> Q </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=r#resultados"> R </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=s#resultados"> S </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=t#resultados"> T </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=u#resultados"> U </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=v#resultados"> V </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=w#resultados"> W </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=x#resultados"> X </a>
            <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=y#resultados"> Y </a> <a href="/sistemafloral/{{$array_producto_sistemafloral->idmarca}}?filtro=z#resultados"> Z </a>
        </div>
        <div class="row py-3">
            @if($array_productos_esencias_relacionado)
                @foreach($array_productos_esencias_relacionado as $esencias_relacionada)
                <div class="col-md-3 py-2">
                    <div class="card box-shadow">
                        <div class="card-header">
                            <img class="card-img-top" alt="" src="../londner/images/{{$esencias_relacionada->imagen }}" data-holder-rendered="true">
                        </div>
                        <div class="card-body">
                            <h3>{{$esencias_relacionada->nombre}}</h3>
                        </div>
                        <div class="card-footer">
                            <div class="col-md-12">
                                <label id="labelTipo"><strong>TIPO</strong>: <span style="color:rgb(216, 208, 208)">esencia</span></label>
                            </div>
                            <div class="col-md-12">
                                <a type="button" class="btn"  href="/esencia/{{$esencias_relacionada->idproducto}}" id="buttoncardfoooter">CONOCE M&Aacute;S</a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            @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