@extends('londner.web.plantilla')
@section('contenido')
<section>
        <div class="row py-sm-5">
            <div class="col-sm-10 col-12">
                <h1>Pierdete en el mundo de las terapias<br>naturales, descubre sus propiedades<br>y explora tus emociones.
                </h1>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8 py-sm-3 col-12">
                <p>"En este portal podrás encontrar toda la información
                que necesites acerca de nuestros productos, podés buscar
                por esencias, por sistema florar, o por los síntomas que trata.".</p>
            </div>
        </div>
    </section>
</div>
</div>
<div class="container" class="searchContainer">
    <div class="row py-5">
        <div class="col-md-4 text-center">
            <a class="active" name="hipervinculo" id="hipervinculoIzquierdo" href="/sintomas">POR SINTOMA</a>
        </div>
        <div class="col-md-4 text-center">
            <a class="active" name="hipervinculo" id="hipervinculo" href="/index.php">POR ESENCIA</a>
        </div>
        <div class="col-md-4 text-center">
            <a class="active" name="hipervinculo" id="hipervinculoDerecho" href="/sistemafloral">POR SISTEMA DE ESENCIAS</a>
        </div>
    </div>
    <div class="row py5">
        <div class="col-md-12">
            <h2 class="tituloNegrita">¿Qu&eacute; esencia busc&aacute;s?</h2>
        </div>
    </div>
    <div class="row py6">
        <div class="col-md-12" id="colbuscador">
            <div  id="buscadorCol"> 
                <form id="form1" method="POST">
                    <i class="fa fa-search"></i>
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                    <select class="selectpicker" onchange="fBuscarProducto()" name="lstProducto" id="lstProducto"  data-live-search="true">
                        <option value="" select disable>Buscar</option>
                        @foreach (($array_productos_esencias_buscador) as $esencia)
                            <option value="{{ $esencia->idproducto }}">{{ $esencia->nombre }}</option>  
                        @endforeach
                    </select>
                    <button type="submit" name="botonSearch" id="botonSearch"><i class="fa fa-arrow-right"></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid" id="containerresultados">
    <div class="container">
        <div class="row py-2">
            <div class="col-md-12">
                <h2 id="resultados">Resultados</h2>
            </div>
        </div>
        <div class="row py-3">
            @if($array_productos_esencias)
                @foreach($array_productos_esencias as $esencias)
                <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->imagen }}" data-holder-rendered="true">
                        </div>
                        <div class="card-body">
                            <h3>{{$esencias->nombre}}</h3>
                        </div>
                        <div class="card-footer">
                            <div class="col-md-12">
                                <button class="btn" id="buttoncardfoooter"  onclick="fAgregarAlCarrito({{ $esencias->idproducto}})">+INFORME</button>
                                <a type="button" class="btn"  href="/esencia/{{$esencias->idproducto}}" id="buttoncardfoooter">VER</a>  
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            @endif
        </div>         
        <div class="row py-5">
            <div class="offset-sm-3 col-sm-5 col-12">
                    <input type="email" class="form-control" placeholder="email" id="" name="subscripcion">
            </div><div class="col-sm-1 col-12 text-center pt-3 pt-sm-0">
                    <button  class="btn" class="form-control" name="botonsubscripcion" id="botonsubscripcion">SUSCRIBETE</button>
            </div>
        </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");
                }
            }
        });   
    }
    function fBuscarProducto() {
            modificado = false;
            form1.submit(); 
    }
</script> 

@endsection