@extends('session_main')
@section('content')
   
  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="#" class="brand-link">
      <img src="{{ asset('images/logo/logo.png') }}" alt="AdminLTE Logo" class="brand-image" style="opacity: .8; margin-left: 0.3rem !important;">
      <span class="brand-text font-weight-light">BotV3 IA</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="info">
          <a href="#" class="d-block"> {{ $person->name }} {{ $person->surname_first }}</a>
        </div>
      </div>

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>

      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                <x-student-dashboard-side-mini :data="$person" />
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>



  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <!--
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Fixed Navbar Layout</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item"><a href="#">Layout</a></li>
              <li class="breadcrumb-item active">Fixed Navbar Layout</li>
            </ol>
          </div>
        </div>
        -->
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <!-- Default box -->
            <div class="card">

            <div class="card-header">
            <h3 class="card-title">Asistente Virtual</h3>
                <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                    <i class="fas fa-minus"></i>
                </button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" title="Remove">
                    <i class="fas fa-times"></i>
                </button>
                </div>
            </div>
                    @if($chatbotc==0)
                                <form method="POST" id="formularioweb" action="/person_student/{{$person->id}}/crearchatbot"  class="">
                                    @csrf
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="name">Nombre:</label>
                                            <input id="name" class="form-control" name="name" type="text" value="">
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" class="btn btn-success">
                                                Crear Nuevo
                                            </button>
                                        </div>
                                    </div>
                                </form>
                    @endif
                    @foreach($chatbot as $key)
                                <form method="POST" action="#"  class="" >
                                    <div class="card-body">
                                        <div class="form-group">
                                            <label for="name">Nombre - {{$key['id']}}:</label>
                                            <input id="name" class="form-control" name="name" type="text" value="{{$key['name']}}" readonly>
                                        </div>
                                        <div class="card-footer">
                                            <a href="chatbot-listarver/{{$key['id']}}" class="btn btn-success">
                                                Ver Asistente virtual
                                            </a>
                                        </div>
                                    </div>
                                </form>
                    @endforeach
           
            </div>
                            
            <!-- /.card -->
            <style>
            .loader {
              display: none;
            }
            .loader.active {
              display: block;
              position: fixed;
              z-index: 100;
              width: 100%;
              height: 100%;
              background: #00000057;
              top: 0;
              left: 0;
              text-align: center;
              padding-top: 15%;
            }
            .loader.active img{
              width: 100px;
            }
            </style>
            <!-- Modal -->
            <div class="loader">
                <img src="{{ asset('images/sping/ajax-loader.gif') }}" />
            </div>
            <script>
                $("#formularioweb").submit(function(e){
                    $(".loader").addClass("active");
              });
            </script>
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->







<script>
$("#menu8").addClass("active");
</script>

@endsection