@extends('layouts.app', ['activePage' => 'Edit', 'titlePage' => __('User Profile')])

@section('content')
  <div class="content">
    <div class="container-fluid">

      <div class="row">
        <div class="col-md-12">
          <form method="post" action="{{route('chatbot.update',$botMenu->id)}}" autocomplete="off" class="form-horizontal">
            @csrf
            @method('put')

            <div class="card ">
              <div class="card-header card-header-primary">
                  <a href="{{route('chatbot.index')}}" class="btn btn-sm btn-primary float-right">Back</a>
                <h4 class="card-title">{{ __('Edit Profile') }}</h4>
                <p class="card-category">{{ __('User information') }}</p>

              </div>
              <div class="card-body ">

                {{-- add notification to success --}}
                @if (session('success'))
                <div class="alert alert-primary green">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                      <i class="material-icons">close</i>
                    </button>
                    <span>
                        {{ session('success') }}
                    </span>
                  </div>
                @endif
                {{-- add notification to error --}}

                <div class="row">
                    <div class="col-md-6">
                      <div class="input-group input-group-outline my-3">
                        <label class="form-label">Nombre</label>
                        <input type="text" name="name" class="form-control" value="{{$botMenu->name}}" >
                      </div>
                    </div>
                    <div class="col-md-6">
                      <div class="input-group input-group-outline my-3">
                        <label class="form-label">Descripción</label>
                        <input type="text" class="form-control" name="description" value="{{$botMenu->description}}">
                      </div>
                    </div>
                  </div>


                  <div class="row">
                      <div class="col-md-6">
                        <div class="input-group input-group-outline is-valid my-3">
                          <label class="form-label">Mensaje</label>
                          <input type="text" class="form-control" name="question" value="{{$botMenu->question}}" >
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="input-group input-group-outline is-valid my-3">
                          <label class="form-label">Tipo</label>
                          <input type="text" class="form-control" name="type" value="{{$botMenu->type}}" >
                        </div>
                      </div>
                  </div>

                  <div class="row">
                    <div class="col-md-6">
                      <div class="input-group input-group-outline is-valid my-3">
                        <label class="form-label">Variables</label>
                        <input type="text" class="form-control" name="variables" value="{{$botMenu->variables}}"  >
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="input-group input-group-outline is-valid my-3">
                        <label class="form-label">Query</label>
                        {{-- <input type="text" class="form-control" name="query" value="{{$botMenu->query}}" > --}}
                        <textarea name="query" id="" cols="30" rows="10" class="form-control">{{$botMenu->query}}</textarea>
                      </div>
                    </div>
                </div>


              </div>
              <div class="card-footer ml-auto mr-auto">
                <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
              </div>
            </div>
          </form>



        </div>
      </div>

    </div>
  </div>
@endsection