@extends('layouts.theme')
@section('header')
    <h2 class="text-2xl color-bipymes-4 font-semibold">
        {{ __('Asistente') }}
    </h2>
@endsection

@section('content')
    
    <div class="">
        <div class="max-w-7xl gap-4">
            {{-- <iframe width="800" height="800" allow="camera; microphone" src="https://ddna-el-feo0d0d--bi-expert.soului.dh.az.soulmachines.cloud/?sig=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOjE3MDkyMTYxMTUsImlzcyI6InNpZ25lZF91cmwtNDgyNGEwOWQtNGE2OC00OGYzLWFmNDMtYmUzMDE0MWMxODIwIiwiZXhwIjoxNzk1NTI5NzE1LCJlbWFpbCI6ImVsLWZlbzBkMGQtLWJpLWV4cGVydEBkZG5hLnN0dWRpbyIsInNvdWxJZCI6ImRkbmEtZWwtZmVvMGQwZC0tYmktZXhwZXJ0In0.0MKmOGvkpxjupnGUS6_5s-UjttnRw9udkB49RUlCnVc" frameborder="0"></iframe> --}}
            <div>Bienvenidos/as al Asistente Virtual de BI, generado con Inteligencia Artificial que te ayudará a resolver cualquier duda que tengas. Para habilitarlo en pantalla completa, haz clic sobre la imagen del asistente.</div>

            <script
   src="https://static.soulmachines.com/widget-snippet-1.12.0.min.js"
   data-sm-layout="fullFrame"
   data-sm-greeting="¡Hola! ¿En que puedo ayudarte hoy?"
   data-sm-profile-picture="{{ asset('images/asistente.jpg') }}"
   data-sm-api-key="eyJzb3VsSWQiOiJkZG5hLWVsLWZlbzBkMGQtLWJpLWV4cGVydCIsImF1dGhTZXJ2ZXIiOiJodHRwczovL2RoLmF6LnNvdWxtYWNoaW5lcy5jbG91ZC9hcGkvand0IiwiYXV0aFRva2VuIjoiYXBpa2V5X3YxXzljOWU5OGNkLTA3ZWYtNGVlZC05MjQ2LTc3NjRlMzRjM2E5MyJ9"></script>
        </div>
    </div>

@endsection

{{-- @section('aside')
    <div class="flex flex-col bg-bipymes-6 rounded-2xl p-8 gap-6">
        <img src="{{ asset('images/Frame731.png') }}" alt="">
        <div class="flex flex-col gap-2">
            <h2 class="color-bipymes-4 font-semibold text-xl">Mi agente virtual</h2>
            <p class="color-bipymes-4">Utiliza el agente virtual para responder, analizar y gestionar tus consultas.</p>
        </div>
        <button class="border-2 border-color-bipymes-1 rounded-lg color-bipymes-1 text-xs px-4 py-2 w-fit">Hablar con agente</button>
    </div>
@endsection --}}