@extends('londner.web.plantilla')
@section('contenido')
<section>
        <div class="row py-5">
            <div class="col-10">
                <h1>REPERTORIO<br>
                    ON LINE
                </h1>
            </div>
        </div>
        <div class="row">
            <div class="col-8 py-3">
                <p>“Primer sistema integrado que te permite reconocer y armonizar tus estados
                    emocionales con las Flores de Bach y del mundo, más el aporte que en los últimos
                    años han brindado cerca de diez sistemas de Esencias Vibracionales”.</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 ESENCIA</a>
        </div>
    </div>
    <div class="row py5">
        <div class="col-md-12">
            <h2 class="tituloNegrita">¿Qu&eacute; s&iacute;ntomas sent&iacute;s?</h2>
        </div>
    </div>
    <div class="row py6">
        <div class="col-md-12" id="colbuscador">
            <div  id="buscadorCol">
                <i class="fa fa-search"></i>
                <form id="form1" method="POST">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}"></input>
                    <select class="selectpicker" name="lstSintoma" id="lstSintoma" onchange="fBuscarSintoma()" data-live-search="true">
                        <option value="" select disable>Buscar</option>
                        @foreach (($array_sintomas) as $sintoma)
                            <option value="{{ $sintoma->idsintoma }}">{{ $sintoma->nombre }}</option>  
                        @endforeach
                    </select>
                    <button name="botonSearch" type="submit" 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 para:</h2>
            </div>
        </div>
        @if(isset($aBusqueda) && $aBusqueda!="")
            <div class="row py-2">
                <div class="col-md-12">
                    <h2 id="Situacion">{{$aBusqueda["nombre"]}}</h2>
                </div>
            </div>
            @for($i = 0; $i < count($aBusqueda["enfoque"]); $i++)
                <div class="row py-3" id="rowenfoque">
                    <div class="col-md-7">
                        <h5>{{$aBusqueda["enfoque"][$i]["nombre"]}}</h5><br>
                        <p>{{$aBusqueda["enfoque"][$i]["descripcion"]}}</p><br>
                        <a href="/sintoma/{{$aBusqueda['idsintoma']}}"> VER M&Aacute;S</a>
                    </div>
                    <div calss="col-md-5">
                        <h4>Esencias asociadas:</h4><br>
                        <ul>
                            @for($p = 0; $p < count($aBusqueda["enfoque"][$i]["esencias"]); $p++)
                                <li><a href='/esencia/{{$aBusqueda["enfoque"][$i]["esencias"][$p]->idproducto}}'>{{$aBusqueda["enfoque"][$i]["esencias"][$p]->nombre}}</a></li>
                                <button type="button" class="btn" onclick="fAgregarAlCarrito('{{ $aBusqueda['enfoque'][$i]['esencias'][$p]->idproducto }}')"  id="btnsintoma">SUMAR</button>
                            @endfor
                        </ul><br>
                    </div>                    
                </div>
            @endfor
        @else
            <p>Seleccione un síntoma a buscar.</p>   
        @endif
        <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 fBuscarSintoma() {
            modificado = false;
            form1.submit(); 
    }
    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