@extends('esencias.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 ESCENCIA</a>
        </div>
        <div class="col-md-4 text-center">
            <a class="active" name="hipervinculo" id="hipervinculoDerecho" href="/sistemafloral">POR SISTEMA DE ESCENCIAS</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>
                <select class="selectpicker" 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" id="botonSearch"><i class="fa fa-arrow-right"></i></button>
            </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($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>Escencias asociadas:</h4><br>
                        <ul>
                            @for($p = 0; $p < count($aBusqueda["enfoque"][$i]["esencias"]); $p++)
                                <li><a href='/escencia/{{$aBusqueda["enfoque"][$i]["esencias"][$p]->idproducto}}'>{{$aBusqueda["enfoque"][$i]["esencias"][$p]->nombre}}</a></li>
                            @endfor
                        </ul><br>
                        <a type="button" class="btn" href="#" id="btnsintoma">SUMAR A TU INFORME PERSONALIZADO</a>
                    </div>                    
                </div>
            @endfor   
        @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>
@endsection