feat(cms): implement complete SysSiteCMS content management system
Initial implementation of the HomeSysPanel CMS built with Laravel 13.0. Includes complete admin panel, content management, user authentication, modular architecture for products/services/chatbot, and marketing tools. Key features: - User authentication with email verification and password reset - Role-based access control (Admin/User with granular permissions) - Content management (pages, news, FAQ, downloads, galleries, banners) - Contact management system with subjects and responses - Marketing tools (email campaigns, visitor analytics, social sharing) - Modular architecture (Products, Services, Chatbot modules) - AI Chatbot integration with OpenRouter.ai and LlamaCpp support - Visitor tracking with geolocation - SEO optimization with meta tags and Open Graph - Responsive design with Bootstrap 5 - Dark mode support - Maintenance mode - Feature request system
This commit is contained in:
marco
@@ -0,0 +1,126 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Conversa com ' . $conversation->visitor_name)
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Conversa com {{ $conversation->visitor_name }}
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.conversations') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Voltar
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Visitor Info Card -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-person me-1"></i>Dados do Visitante
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Nome</p>
|
||||
<p class="font-weight-bold">{{ $conversation->visitor_name }}</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Telefone</p>
|
||||
<p>
|
||||
@if($conversation->visitor_phone)
|
||||
<a href="tel:{{ $conversation->visitor_phone }}">{{ $conversation->visitor_phone }}</a>
|
||||
<a href="https://wa.me/55{{ preg_replace('/\D/', '', $conversation->visitor_phone) }}" target="_blank" class="btn btn-sm btn-success ml-2">
|
||||
<i class="bi bi-whatsapp me-1"></i>WhatsApp
|
||||
</a>
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Cidade</p>
|
||||
<p>{{ $conversation->visitor_city ?? '—' }}</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Status</p>
|
||||
<p>
|
||||
@if($conversation->status === 'active')
|
||||
<span class="badge badge-success">
|
||||
<i class="bi bi-chat-dots me-1"></i>Ativa
|
||||
</span>
|
||||
@else
|
||||
<span class="badge badge-secondary">
|
||||
<i class="bi bi-check-circle me-1"></i>Finalizada
|
||||
</span>
|
||||
@if($conversation->ended_at)
|
||||
<br><small class="text-muted">{{ $conversation->ended_at->format('d/m/Y H:i:s') }}</small>
|
||||
@endif
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Data de Início</p>
|
||||
<p>{{ $conversation->created_at->format('d/m/Y H:i:s') }}</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="mb-1 text-muted small">Total de Mensagens</p>
|
||||
<p>{{ $conversation->messages->count() }}</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="mb-1 text-muted small">Avaliação do Atendimento</p>
|
||||
<p>
|
||||
@if($conversation->rating)
|
||||
<span style="color: #f5a623; font-size: 1.3rem; letter-spacing: 2px;">
|
||||
{{ str_repeat('★', $conversation->rating) }}{{ str_repeat('☆', 5 - $conversation->rating) }}
|
||||
</span>
|
||||
<span class="ml-2">({{ $conversation->rating }}/5)</span>
|
||||
@if($conversation->rating_comment)
|
||||
<br><span class="text-muted"><i class="bi bi-chat-quote me-1"></i>"{{ $conversation->rating_comment }}"</span>
|
||||
@endif
|
||||
@else
|
||||
<span class="text-muted">Não avaliada</span>
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Chat Messages -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-chat-dots me-1"></i>Histórico de Mensagens
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="p-3" style="max-height: 500px; overflow-y: auto;">
|
||||
@forelse($conversation->messages as $message)
|
||||
<div class="d-flex mb-3 {{ $message->role === 'user' ? 'justify-content-end' : '' }}">
|
||||
<div class="{{ $message->role === 'user' ? 'bg-primary text-white' : 'bg-light' }} rounded p-3" style="max-width: 75%;">
|
||||
<div class="small font-weight-bold mb-1 {{ $message->role === 'user' ? 'text-white-50' : 'text-muted' }}">
|
||||
@if($message->role === 'user')
|
||||
<i class="bi bi-person me-1"></i>{{ $conversation->visitor_name }}
|
||||
@elseif($message->role === 'assistant')
|
||||
<i class="bi bi-robot me-1"></i>Assistente
|
||||
@else
|
||||
<i class="bi bi-gear me-1"></i>Sistema
|
||||
@endif
|
||||
<span class="ml-2" style="font-size: 0.7rem;">{{ $message->created_at->format('H:i') }}</span>
|
||||
</div>
|
||||
<div style="white-space: pre-wrap;">{{ $message->content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<p class="text-center text-muted py-4">Nenhuma mensagem nesta conversa.</p>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,139 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Conversas')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Chatbot - Conversas
|
||||
</h1>
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-book me-1"></i>Base de Conhecimento
|
||||
</a>
|
||||
<a href="{{ route('admin.chatbot.settings') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-gear me-1"></i>Configurações
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(session('success'))
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
{{ session('success') }}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Conversations Table -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Contatos Recebidos ({{ $conversations->total() }} conversas)</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if($conversations->count() > 0)
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-hover" width="100%" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nome</th>
|
||||
<th>Telefone</th>
|
||||
<th>Cidade</th>
|
||||
<th>Status</th>
|
||||
<th>Avaliação</th>
|
||||
<th>Mensagens</th>
|
||||
<th>Data</th>
|
||||
<th width="140">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($conversations as $conv)
|
||||
<tr class="{{ $conv->status === 'ended' ? '' : 'font-weight-bold' }}">
|
||||
<td>
|
||||
<i class="bi bi-person me-1 text-primary"></i>{{ $conv->visitor_name }}
|
||||
</td>
|
||||
<td>
|
||||
@if($conv->visitor_phone)
|
||||
<a href="tel:{{ $conv->visitor_phone }}">
|
||||
<i class="bi bi-telephone me-1"></i>{{ $conv->visitor_phone }}
|
||||
</a>
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if($conv->visitor_city)
|
||||
<i class="bi bi-geo-alt me-1"></i>{{ $conv->visitor_city }}
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if($conv->status === 'active')
|
||||
<span class="badge badge-success">
|
||||
<i class="bi bi-chat-dots me-1"></i>Ativa
|
||||
</span>
|
||||
@else
|
||||
<span class="badge badge-secondary">
|
||||
<i class="bi bi-check-circle me-1"></i>Finalizada
|
||||
</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if($conv->rating)
|
||||
<span style="color: #f5a623; font-size: 1.1rem; letter-spacing: 2px;">
|
||||
{{ str_repeat('★', $conv->rating) }}{{ str_repeat('☆', 5 - $conv->rating) }}
|
||||
</span>
|
||||
@if($conv->rating_comment)
|
||||
<br><small class="text-muted" title="{{ $conv->rating_comment }}">
|
||||
<i class="bi bi-chat-quote me-1"></i>{{ Str::limit($conv->rating_comment, 40) }}
|
||||
</small>
|
||||
@endif
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-info">{{ $conv->messages->count() }} msgs</span>
|
||||
</td>
|
||||
<td>{{ $conv->created_at->format('d/m/Y H:i') }}</td>
|
||||
<td>
|
||||
<a href="{{ route('admin.chatbot.conversation.show', $conv) }}" class="btn btn-sm btn-outline-primary" title="Ver conversa">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
@if($conv->visitor_phone)
|
||||
<a href="https://wa.me/55{{ preg_replace('/\D/', '', $conv->visitor_phone) }}" target="_blank" class="btn btn-sm btn-outline-success" title="WhatsApp">
|
||||
<i class="bi bi-whatsapp"></i>
|
||||
</a>
|
||||
@endif
|
||||
<form action="{{ route('admin.chatbot.conversation.destroy', $conv) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza que deseja excluir esta conversa?');">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" title="Excluir">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
{{ $conversations->withQueryString()->links() }}
|
||||
</div>
|
||||
@else
|
||||
<div class="text-center py-5">
|
||||
<i class="bi bi-chat-left-text text-muted" style="font-size: 3rem;"></i>
|
||||
<h5 class="mt-3 text-muted">Nenhuma conversa registrada</h5>
|
||||
<p class="text-muted">As conversas aparecerão aqui quando os visitantes iniciarem um chat.</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,97 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Nova Informação')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Nova Informação para o Chatbot
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Voltar
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
<ul class="mb-0">
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="card shadow">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Dados da Informação</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('admin.chatbot.store') }}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="title" class="col-sm-2 col-form-label">Título <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="title" name="title"
|
||||
value="{{ old('title') }}" placeholder="Ex: Horário de funcionamento" required>
|
||||
<small class="text-muted">Um título descritivo para identificar esta informação.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="category" class="col-sm-2 col-form-label">Categoria <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<select class="form-control" id="category" name="category" required>
|
||||
@foreach($categories as $value => $label)
|
||||
<option value="{{ $value }}" {{ old('category') == $value ? 'selected' : '' }}>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="content" class="col-sm-2 col-form-label">Conteúdo <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="content" name="content" rows="6" required
|
||||
placeholder="Ex: Funcionamos de segunda a sexta, das 8h às 18h, e aos sábados das 8h às 12h.">{{ old('content') }}</textarea>
|
||||
<small class="text-muted">Descreva a informação em detalhes. Quanto mais detalhada, melhor será a resposta do assistente.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="restrictions" class="col-sm-2 col-form-label">Restrições</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="restrictions" name="restrictions" rows="3"
|
||||
placeholder="Ex: Não informar valores exatos de serviços, apenas faixas de preço.">{{ old('restrictions') }}</textarea>
|
||||
<small class="text-muted">O que a IA <strong>NÃO</strong> deve fazer ou informar sobre este tópico. Deixe vazio se não houver restrições.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-10 offset-sm-2">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="active" name="active"
|
||||
{{ old('active', true) ? 'checked' : '' }}>
|
||||
<label class="custom-control-label" for="active">Informação ativa (visível para o assistente)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-10 offset-sm-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Salvar Informação
|
||||
</button>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,95 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Editar Informação')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Editar Informação do Chatbot
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Voltar
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
<ul class="mb-0">
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="card shadow">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Editar: {{ $entry->title }}</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('admin.chatbot.update', $entry) }}" method="POST">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="title" class="col-sm-2 col-form-label">Título <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" class="form-control" id="title" name="title"
|
||||
value="{{ old('title', $entry->title) }}" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="category" class="col-sm-2 col-form-label">Categoria <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<select class="form-control" id="category" name="category" required>
|
||||
@foreach($categories as $value => $label)
|
||||
<option value="{{ $value }}" {{ old('category', $entry->category) == $value ? 'selected' : '' }}>
|
||||
{{ $label }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="content" class="col-sm-2 col-form-label">Conteúdo <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="content" name="content" rows="6" required>{{ old('content', $entry->content) }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="restrictions" class="col-sm-2 col-form-label">Restrições</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea class="form-control" id="restrictions" name="restrictions" rows="3"
|
||||
placeholder="Ex: Não informar valores exatos de serviços, apenas faixas de preço.">{{ old('restrictions', $entry->restrictions) }}</textarea>
|
||||
<small class="text-muted">O que a IA <strong>NÃO</strong> deve fazer ou informar sobre este tópico. Deixe vazio se não houver restrições.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-10 offset-sm-2">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="active" name="active"
|
||||
{{ old('active', $entry->active) ? 'checked' : '' }}>
|
||||
<label class="custom-control-label" for="active">Informação ativa (visível para o assistente)</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-10 offset-sm-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Atualizar Informação
|
||||
</button>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
+126
@@ -0,0 +1,126 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Base de Conhecimento')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Chatbot - Base de Conhecimento
|
||||
</h1>
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{{ route('admin.chatbot.settings') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-gear me-1"></i>Configurações
|
||||
</a>
|
||||
<a href="{{ route('admin.chatbot.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle me-1"></i>Nova Informação
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(session('success'))
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
{{ session('success') }}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Info Card -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3 d-flex align-items-center">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Informações do Chatbot</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted mb-0">
|
||||
<i class="bi bi-info-circle me-1"></i>
|
||||
Adicione informações sobre a empresa, produtos e serviços para que o assistente virtual possa responder aos visitantes.
|
||||
Quanto mais detalhada for a base de conhecimento, melhores serão as respostas.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Knowledge Base Table -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Base de Conhecimento ({{ $knowledgeEntries->total() }} entradas)</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if($knowledgeEntries->count() > 0)
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered table-hover" width="100%" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Título</th>
|
||||
<th>Categoria</th>
|
||||
<th>Conteúdo</th>
|
||||
<th>Restrições</th>
|
||||
<th>Status</th>
|
||||
<th width="120">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($knowledgeEntries as $entry)
|
||||
<tr>
|
||||
<td class="font-weight-bold">{{ $entry->title }}</td>
|
||||
<td>
|
||||
<span class="badge badge-info">
|
||||
{{ $categories[$entry->category] ?? $entry->category }}
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-truncate" style="max-width: 250px;">
|
||||
{{ Str::limit($entry->content, 80) }}
|
||||
</td>
|
||||
<td class="text-truncate" style="max-width: 200px;">
|
||||
@if($entry->restrictions)
|
||||
<span class="text-warning" title="{{ $entry->restrictions }}">
|
||||
<i class="bi bi-exclamation-triangle me-1"></i>{{ Str::limit($entry->restrictions, 50) }}
|
||||
</span>
|
||||
@else
|
||||
<span class="text-muted">—</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if($entry->active)
|
||||
<span class="badge badge-success">Ativo</span>
|
||||
@else
|
||||
<span class="badge badge-secondary">Inativo</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
<a href="{{ route('admin.chatbot.edit', $entry) }}" class="btn btn-sm btn-outline-primary" title="Editar">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<form action="{{ route('admin.chatbot.destroy', $entry) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza que deseja excluir esta informação?');">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" title="Excluir">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
{{ $knowledgeEntries->withQueryString()->links() }}
|
||||
</div>
|
||||
@else
|
||||
<div class="text-center py-5">
|
||||
<i class="bi bi-robot text-muted" style="font-size: 3rem;"></i>
|
||||
<h5 class="mt-3 text-muted">Nenhuma informação cadastrada</h5>
|
||||
<p class="text-muted">Adicione informações sobre a empresa para o assistente virtual.</p>
|
||||
<a href="{{ route('admin.chatbot.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle me-1"></i>Adicionar Primeira Informação
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,119 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Nova Regra')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-shield-lock me-2"></i>Nova Regra para a IA
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.rules.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Voltar
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if($errors->any())
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<strong><i class="bi bi-exclamation-triangle me-1"></i>Erro(s):</strong>
|
||||
<ul class="mb-0">
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Dados da Regra</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('admin.chatbot.rules.store') }}" method="POST">
|
||||
@csrf
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="title" class="col-sm-3 col-form-label">Título <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="title" name="title"
|
||||
value="{{ old('title') }}" required maxlength="255"
|
||||
placeholder="Ex: Sempre oferecer WhatsApp para agendamentos">
|
||||
<small class="text-muted">Nome curto para identificar a regra na listagem.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="content" class="col-sm-3 col-form-label">Conteúdo da Regra <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<textarea class="form-control" id="content" name="content" rows="4" required maxlength="2000"
|
||||
placeholder="Ex: Sempre que o visitante demonstrar interesse em agendar um serviço, ofereça o WhatsApp (48) 99999-9999 como canal preferencial de agendamento.">{{ old('content') }}</textarea>
|
||||
<small class="text-muted">A instrução completa que será enviada à IA. Máximo de 2000 caracteres.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="order" class="col-sm-3 col-form-label">Ordem</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="number" class="form-control" id="order" name="order"
|
||||
value="{{ old('order', 0) }}" min="0" max="9999">
|
||||
<small class="text-muted">Define a prioridade da regra (menor número = maior prioridade). Padrão: 0.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-3 col-form-label">Status</label>
|
||||
<div class="col-sm-9">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="active" name="active"
|
||||
{{ old('active', true) ? 'checked' : '' }}>
|
||||
<label class="custom-control-label" for="active">
|
||||
<strong>Regra Ativa</strong> — Quando marcada, a regra será seguida pela IA nas conversas.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-0">
|
||||
<div class="col-sm-9 offset-sm-3">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Salvar Regra
|
||||
</button>
|
||||
<a href="{{ route('admin.chatbot.rules.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Examples Card -->
|
||||
<div class="card border-info mb-4">
|
||||
<div class="card-header bg-info text-white py-3">
|
||||
<h6 class="m-0 font-weight-bold"><i class="bi bi-lightbulb me-1"></i>Exemplos de Regras Úteis</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<p class="small mb-1"><strong>🎯 Direcionar para contato humano:</strong></p>
|
||||
<p class="small text-muted">"Sempre que o visitante tiver uma dúvida complexa ou reclamação, sugira entrar em contato pelo telefone (XX) XXXX-XXXX."</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="small mb-1"><strong>💬 Tom de voz:</strong></p>
|
||||
<p class="small text-muted">"Use sempre linguagem formal e profissional. Trate o visitante por 'você' mas evite gírias."</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="small mb-1"><strong>🚫 Proibir descontos:</strong></p>
|
||||
<p class="small text-muted">"NUNCA ofereça descontos, promova valores ou negocie preços. Indique que valores são praticados apenas pela equipe comercial."</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p class="small mb-1"><strong>📍 Atendimento regional:</strong></p>
|
||||
<p class="small text-muted">"Atendemos apenas as cidades de Florianópolis, São José e Biguaçu. Para outras regiões, informe que não há cobertura."</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,91 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Editar Regra')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-shield-lock me-2"></i>Editar Regra da IA
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.rules.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Voltar
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if($errors->any())
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<strong><i class="bi bi-exclamation-triangle me-1"></i>Erro(s):</strong>
|
||||
<ul class="mb-0">
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Dados da Regra</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="{{ route('admin.chatbot.rules.update', $rule) }}" method="POST">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="title" class="col-sm-3 col-form-label">Título <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="title" name="title"
|
||||
value="{{ old('title', $rule->title) }}" required maxlength="255">
|
||||
<small class="text-muted">Nome curto para identificar a regra na listagem.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="content" class="col-sm-3 col-form-label">Conteúdo da Regra <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<textarea class="form-control" id="content" name="content" rows="4" required maxlength="2000">{{ old('content', $rule->content) }}</textarea>
|
||||
<small class="text-muted">A instrução completa que será enviada à IA. Máximo de 2000 caracteres.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="order" class="col-sm-3 col-form-label">Ordem</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="number" class="form-control" id="order" name="order"
|
||||
value="{{ old('order', $rule->order) }}" min="0" max="9999">
|
||||
<small class="text-muted">Define a prioridade da regra (menor número = maior prioridade).</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-3 col-form-label">Status</label>
|
||||
<div class="col-sm-9">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="active" name="active"
|
||||
{{ old('active', $rule->active) ? 'checked' : '' }}>
|
||||
<label class="custom-control-label" for="active">
|
||||
<strong>Regra Ativa</strong> — Quando marcada, a regra será seguida pela IA nas conversas.
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-0">
|
||||
<div class="col-sm-9 offset-sm-3">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Salvar Alterações
|
||||
</button>
|
||||
<a href="{{ route('admin.chatbot.rules.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,110 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Regras da IA')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-shield-lock me-2"></i>Chatbot - Regras da IA
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.rules.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle me-1"></i>Nova Regra
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Info Card -->
|
||||
<div class="card border-info mb-4">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title mb-2"><i class="bi bi-info-circle me-1 text-info"></i>Como funcionam as Regras</h6>
|
||||
<p class="small text-muted mb-0">
|
||||
As regras são instruções obrigatórias que a IA <strong>deve seguir</strong> em todas as respostas.
|
||||
Elas são enviadas automaticamente no início do prompt do sistema, antes das informações da base de conhecimento.
|
||||
Use para definir tom de voz, proibições específicas, fluxos obrigatórios ou qualquer comportamento desejado.
|
||||
Regras desativadas são ignoradas. Use o campo <strong>Ordem</strong> para definir a prioridade (menor = mais importante).
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if(session('success'))
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-check-circle me-1"></i>{{ session('success') }}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Fechar">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Rules List -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3 d-flex align-items-center">
|
||||
<h6 class="m-0 font-weight-bold text-primary">Regras Configuradas</h6>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
@if($rules->isEmpty())
|
||||
<div class="text-center py-5">
|
||||
<i class="bi bi-shield-lock" style="font-size:3rem;color:#dddfeb;"></i>
|
||||
<p class="mt-3 text-muted">Nenhuma regra configurada ainda.</p>
|
||||
<p class="text-muted small">Adicione regras para definir como a IA deve se comportar no atendimento.</p>
|
||||
<a href="{{ route('admin.chatbot.rules.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle me-1"></i>Adicionar Primeira Regra
|
||||
</a>
|
||||
</div>
|
||||
@else
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover mb-0">
|
||||
<thead class="thead-light">
|
||||
<tr>
|
||||
<th width="60">Ordem</th>
|
||||
<th>Título</th>
|
||||
<th>Conteúdo da Regra</th>
|
||||
<th width="100">Status</th>
|
||||
<th width="140">Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($rules as $rule)
|
||||
<tr>
|
||||
<td>
|
||||
<span class="badge badge-secondary">{{ $rule->order }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<strong>{{ $rule->title }}</strong>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted">{{ \Illuminate\Support\Str::limit($rule->content, 150) }}</span>
|
||||
</td>
|
||||
<td>
|
||||
@if($rule->active)
|
||||
<span class="badge badge-success"><i class="bi bi-check-circle"></i> Ativa</span>
|
||||
@else
|
||||
<span class="badge badge-secondary"><i class="bi bi-pause-circle"></i> Inativa</span>
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
<a href="{{ route('admin.chatbot.rules.edit', $rule) }}" class="btn btn-sm btn-outline-primary" title="Editar">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<form action="{{ route('admin.chatbot.rules.destroy', $rule) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza que deseja excluir esta regra?');">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger" title="Excluir">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="p-3">
|
||||
{{ $rules->withQueryString()->links() }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,296 @@
|
||||
@extends('layouts.admin')
|
||||
|
||||
@section('title', 'Chatbot - Configurações')
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid px-4">
|
||||
<!-- Page Heading -->
|
||||
<div class="d-sm-flex align-items-center justify-content-between mb-4">
|
||||
<h1 class="h3 text-gray-800">
|
||||
<i class="bi bi-robot me-2"></i>Chatbot - Configurações
|
||||
</h1>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Base de Conhecimento
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if(session('success'))
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
{{ session('success') }}
|
||||
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($errors->any())
|
||||
<div class="alert alert-danger">
|
||||
<ul class="mb-0">
|
||||
@foreach($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@php
|
||||
$totalTokens = (int) \App\Models\Setting::get('chatbot_total_tokens_used', 0);
|
||||
$totalMessages = \App\Modules\Chatbot\Models\ChatbotMessage::where('role', 'assistant')->count();
|
||||
$totalConversations = \App\Modules\Chatbot\Models\ChatbotConversation::whereNotNull('visitor_name')->count();
|
||||
@endphp
|
||||
|
||||
<!-- Token Usage Stats -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-xl-4 col-md-6 mb-4">
|
||||
<div class="card border-left-primary shadow h-100 py-2">
|
||||
<div class="card-body">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col mr-2">
|
||||
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total de Tokens Consumidos</div>
|
||||
<div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalTokens, 0, ',', '.') }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<i class="bi bi-cpu text-primary" style="font-size: 2rem;"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-md-6 mb-4">
|
||||
<div class="card border-left-success shadow h-100 py-2">
|
||||
<div class="card-body">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col mr-2">
|
||||
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">Respostas da IA</div>
|
||||
<div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalMessages, 0, ',', '.') }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<i class="bi bi-robot text-success" style="font-size: 2rem;"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-4 col-md-6 mb-4">
|
||||
<div class="card border-left-info shadow h-100 py-2">
|
||||
<div class="card-body">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col mr-2">
|
||||
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">Conversas com Visitantes</div>
|
||||
<div class="h5 mb-0 font-weight-bold text-gray-800">{{ number_format($totalConversations, 0, ',', '.') }}</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<i class="bi bi-chat-dots text-info" style="font-size: 2rem;"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form action="{{ route('admin.chatbot.settings.update') }}" method="POST">
|
||||
@csrf
|
||||
@method('POST')
|
||||
|
||||
<!-- General Settings -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-toggle-on me-1"></i>Ativação
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-sm-10 offset-sm-2">
|
||||
<div class="custom-control custom-checkbox">
|
||||
<input type="checkbox" class="custom-control-input" id="chatbot_enabled" name="chatbot_enabled"
|
||||
{{ ($settings['chatbot_enabled'] ?? 'off') === 'on' ? 'checked' : '' }}>
|
||||
<label class="custom-control-label" for="chatbot_enabled">
|
||||
<strong>Ativar Chatbot</strong> — Exibe o widget de chat no site público
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Provider Selection -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-cpu me-1"></i>Provedor de IA
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_provider" class="col-sm-3 col-form-label">Provedor <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<select class="form-control" id="chatbot_provider" name="chatbot_provider" onchange="toggleProviderFields()">
|
||||
<option value="openrouter" {{ ($settings['chatbot_provider'] ?? 'openrouter') === 'openrouter' ? 'selected' : '' }}>OpenRouter.ai (nuvem)</option>
|
||||
<option value="llamacpp" {{ ($settings['chatbot_provider'] ?? 'openrouter') === 'llamacpp' ? 'selected' : '' }}>llama.cpp (local)</option>
|
||||
</select>
|
||||
<small class="text-muted">Escolha entre usar a API do OpenRouter.ai na nuvem ou um servidor llama.cpp local.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- OpenRouter Settings -->
|
||||
<div class="card shadow mb-4" id="openrouter-settings">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-key me-1"></i>API OpenRouter
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info">
|
||||
<i class="bi bi-info-circle me-1"></i>
|
||||
O Chatbot pode utilizar a API do <a href="https://openrouter.ai" target="_blank">OpenRouter.ai</a> para gerar respostas inteligentes.
|
||||
Crie uma conta gratuita em openrouter.ai, obtenha sua chave de API e configure abaixo.
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_openrouter_api_key" class="col-sm-3 col-form-label">Chave da API <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<input type="password" class="form-control" id="chatbot_openrouter_api_key"
|
||||
name="chatbot_openrouter_api_key"
|
||||
value="{{ $settings['chatbot_openrouter_api_key'] ?? '' }}"
|
||||
placeholder="sk-or-v1-...">
|
||||
<small class="text-muted">Sua chave de API do OpenRouter.ai. Mantenha este campo seguro.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_openrouter_model" class="col-sm-3 col-form-label">Modelo de IA</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="chatbot_openrouter_model"
|
||||
name="chatbot_openrouter_model"
|
||||
value="{{ $settings['chatbot_openrouter_model'] ?? 'meta-llama/llama-3.1-8b-instruct' }}"
|
||||
placeholder="meta-llama/llama-3.1-8b-instruct">
|
||||
<small class="text-muted">Digite o ID do modelo (ex: meta-llama/llama-3.2-1b-instruct). Verifique os modelos disponíveis no <a href="https://openrouter.ai/models" target="_blank">OpenRouter.ai</a>.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- llama.cpp Settings -->
|
||||
<div class="card shadow mb-4" id="llamacpp-settings">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-server me-1"></i>llama.cpp (Servidor Local)
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="alert alert-info">
|
||||
<i class="bi bi-info-circle me-1"></i>
|
||||
Utilize um servidor <a href="https://github.com/ggerganov/llama.cpp" target="_blank">llama.cpp</a> rodando localmente para processar as respostas.
|
||||
O servidor deve estar acessível com API compatível com OpenAI (<code>/v1/chat/completions</code>).
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_llamacpp_base_url" class="col-sm-3 col-form-label">URL Base <span class="text-danger">*</span></label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="chatbot_llamacpp_base_url"
|
||||
name="chatbot_llamacpp_base_url"
|
||||
value="{{ $settings['chatbot_llamacpp_base_url'] ?? 'http://172.17.0.1:8080' }}"
|
||||
placeholder="http://172.17.0.1:8080">
|
||||
<small class="text-muted">URL do servidor llama.cpp (ex: http://172.17.0.1:8080). O servidor deve expor a rota <code>/v1/chat/completions</code>.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_llamacpp_model" class="col-sm-3 col-form-label">Nome do Modelo</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="chatbot_llamacpp_model"
|
||||
name="chatbot_llamacpp_model"
|
||||
value="{{ $settings['chatbot_llamacpp_model'] ?? '' }}"
|
||||
placeholder="opcional">
|
||||
<small class="text-muted">Algumas configurações do llama.cpp exigem o nome do modelo. Deixe em branco se não for necessário.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Parameters -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-sliders me-1"></i>Parâmetros da IA
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_max_tokens" class="col-sm-3 col-form-label">Máx. Tokens de Resposta</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="number" class="form-control" id="chatbot_max_tokens"
|
||||
name="chatbot_max_tokens" min="50" max="2000"
|
||||
value="{{ $settings['chatbot_max_tokens'] ?? '500' }}">
|
||||
<small class="text-muted">Controla o tamanho máximo da resposta (50-2000). Recomendado: 500.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_temperature" class="col-sm-3 col-form-label">Temperatura</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="number" class="form-control" id="chatbot_temperature"
|
||||
name="chatbot_temperature" min="0" max="2" step="0.1"
|
||||
value="{{ $settings['chatbot_temperature'] ?? '0.7' }}">
|
||||
<small class="text-muted">Controla a criatividade das respostas (0.0 = preciso, 2.0 = criativo). Recomendado: 0.7.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Appearance Settings -->
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 font-weight-bold text-primary">
|
||||
<i class="bi bi-chat-dots me-1"></i>Aparência e Mensagens
|
||||
</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_welcome_message" class="col-sm-3 col-form-label">Mensagem de Boas-vindas</label>
|
||||
<div class="col-sm-9">
|
||||
<input type="text" class="form-control" id="chatbot_welcome_message"
|
||||
name="chatbot_welcome_message"
|
||||
value="{{ $settings['chatbot_welcome_message'] ?? 'Olá! Como posso ajudar você hoje?' }}"
|
||||
maxlength="500">
|
||||
<small class="text-muted">Primeira mensagem exibida quando o visitante abre o chat.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<label for="chatbot_custom_instructions" class="col-sm-3 col-form-label">Instruções Personalizadas</label>
|
||||
<div class="col-sm-9">
|
||||
<textarea class="form-control" id="chatbot_custom_instructions"
|
||||
name="chatbot_custom_instructions" rows="4"
|
||||
placeholder="Ex: Sempre ofereça o WhatsApp como canal de contato para agendamentos.">{{ $settings['chatbot_custom_instructions'] ?? '' }}</textarea>
|
||||
<small class="text-muted">Instruções extras para o comportamento do assistente. Estas são adicionadas ao prompt do sistema.</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Salvar Configurações
|
||||
</button>
|
||||
<a href="{{ route('admin.chatbot.index') }}" class="btn btn-secondary ml-2">Cancelar</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function toggleProviderFields() {
|
||||
const provider = document.getElementById('chatbot_provider').value;
|
||||
document.getElementById('openrouter-settings').style.display = provider === 'openrouter' ? 'block' : 'none';
|
||||
document.getElementById('llamacpp-settings').style.display = provider === 'llamacpp' ? 'block' : 'none';
|
||||
}
|
||||
|
||||
// Run on page load
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
toggleProviderFields();
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user