First Commit
This commit is contained in:
marco
+380
@@ -0,0 +1,380 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('header', 'Novo Projeto de Prompt')
|
||||
|
||||
@section('breadcrumbs')
|
||||
@php
|
||||
$breadcrumbs = [
|
||||
'Projetos' => route('prompt-projects.index'),
|
||||
'Novo' => null
|
||||
];
|
||||
@endphp
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 fw-bold text-primary">Criar Projeto</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('prompt-projects.store') }}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label for="template-search-input" class="form-label">Modelo de Projeto</label>
|
||||
<div style="position: relative;">
|
||||
<input type="text" class="form-control" id="template-search-input" placeholder="Digite para buscar (ex: clínica, laravel, api)..." autocomplete="off">
|
||||
<input type="hidden" id="template" name="template" value="">
|
||||
<div id="template-dropdown" style="display:none; position:absolute; z-index:1050; background:#fff; border:1px solid #dee2e6; border-radius:0.375rem; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15); max-height:300px; overflow-y:auto; width:100%; top: 100%; left: 0;"></div>
|
||||
</div>
|
||||
<select class="form-select d-none" id="template-source">
|
||||
<option value="">*** Personalizado ***</option>
|
||||
<optgroup label="Sites & Landing Pages">
|
||||
<option value="landing-corporativa">Landing Page Corporativa</option>
|
||||
<option value="landing-saas">Landing Page SaaS</option>
|
||||
<option value="landing-produto">Landing Page Produto Digital</option>
|
||||
<option value="landing-evento">Landing Page Evento</option>
|
||||
<option value="landing-ebook">Landing Page E-book / Lead Magnet</option>
|
||||
<option value="landing-curso">Landing Page Curso Online</option>
|
||||
<option value="landing-app">Landing Page App Mobile</option>
|
||||
<option value="landing-agencia">Landing Page Agência</option>
|
||||
<option value="landing-restaurante">Landing Page Restaurante</option>
|
||||
<option value="landing-imobiliaria">Landing Page Imobiliária</option>
|
||||
<option value="landing-saude">Landing Page Saúde / Bem-estar</option>
|
||||
<option value="landing-educacao">Landing Page Educação</option>
|
||||
<option value="landing-restaurante-2">Landing Page Delivery</option>
|
||||
<option value="site-institucional">Site Institucional</option>
|
||||
<option value="portfolio-profissional">Portfolio Profissional</option>
|
||||
<option value="portfolio-criativo">Portfolio Criativo</option>
|
||||
<option value="blog-pessoal">Blog Pessoal</option>
|
||||
<option value="ecommerce">E-commerce</option>
|
||||
</optgroup>
|
||||
<optgroup label="Frameworks & APIs">
|
||||
<option value="saas">Sistema SaaS</option>
|
||||
<option value="dashboard-admin">Dashboard Admin</option>
|
||||
<option value="laravel-13-app">Laravel 13 + Blade + Tailwind</option>
|
||||
<option value="laravel-13-api">Laravel 13 + API RESTful</option>
|
||||
<option value="laravel-vue-fullstack">Laravel 13 + Vue.js 3 Fullstack</option>
|
||||
<option value="laravel-fullstack-2">Laravel Full Stack 2</option>
|
||||
<option value="slim-4-api">Slim Framework 4 + API REST</option>
|
||||
<option value="slim-4-web">Slim Framework 4 + Twig</option>
|
||||
<option value="vue-spa">Vue.js 3 + Vite SPA</option>
|
||||
<option value="react-spa">React + Vite SPA</option>
|
||||
<option value="nextjs-app">Next.js 14 App Router</option>
|
||||
<option value="node-express">Node.js + Express + TypeScript</option>
|
||||
<option value="fastapi-python">FastAPI + Python</option>
|
||||
<option value="api-jwt-auth">API com Autenticação JWT</option>
|
||||
<option value="microservice">Arquitetura de Microsserviços</option>
|
||||
<option value="chatbot-ia">Chatbot com IA</option>
|
||||
<option value="automacao-workflow">Automação de Workflow</option>
|
||||
<option value="integracao-api">Integração entre APIs</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - Serviços">
|
||||
<option value="gestao-clinica">Sistema de Gestão para Clínica Médica</option>
|
||||
<option value="gestao-odontologica">Sistema de Gestão para Odontologia</option>
|
||||
<option value="gestao-advocacia">Sistema de Gestão para Advocacia</option>
|
||||
<option value="gestao-contabilidade">Sistema de Gestão para Contabilidade</option>
|
||||
<option value="gestao-consultoria">Sistema de Gestão para Consultoria</option>
|
||||
<option value="gestao-hotel">Sistema de Gestão para Hotel/Pousada</option>
|
||||
<option value="gestao-transportadora">Sistema de Gestão para Transportadora</option>
|
||||
<option value="gestao-oficina">Sistema de Gestão para Oficina Mecânica</option>
|
||||
<option value="gestao-salao">Sistema de Gestão para Salão de Beleza</option>
|
||||
<option value="gestao-academia">Sistema de Gestão para Academia</option>
|
||||
<option value="gestao-veterinaria">Sistema de Gestão para Clínica Veterinária</option>
|
||||
<option value="gestao-fisioterapia">Sistema de Gestão para Fisioterapia</option>
|
||||
<option value="gestao-psicologia">Sistema de Gestão para Psicologia</option>
|
||||
<option value="gestao-seguradora">Sistema de Gestão para Corretora de Seguros</option>
|
||||
<option value="gestao-agencia-digital">Sistema de Gestão para Agência de Marketing Digital</option>
|
||||
<option value="gestao-arquitetura">Sistema de Gestão para Escritório de Arquitetura</option>
|
||||
<option value="gestao-condominio">Sistema de Gestão para Condomínio</option>
|
||||
<option value="gestao-lavanderia">Sistema de Gestão para Lavanderia</option>
|
||||
<option value="gestao-buffet">Sistema de Gestão para Buffet / Eventos</option>
|
||||
<option value="gestao-farmacia">Sistema de Gestão para Farmácia</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - Comercial">
|
||||
<option value="gestao-comercial">Sistema de Gestão Comercial</option>
|
||||
<option value="gestao-pdv">Sistema de PDV (Ponto de Venda)</option>
|
||||
<option value="gestao-estoque">Sistema de Controle de Estoque</option>
|
||||
<option value="gestao-vendas">Sistema de Gestão de Vendas</option>
|
||||
<option value="gestao-compras">Sistema de Gestão de Compras</option>
|
||||
<option value="gestao-crm">Sistema de CRM</option>
|
||||
<option value="gestao-financeira">Sistema de Gestão Financeira</option>
|
||||
<option value="gestao-faturamento">Sistema de Faturamento/NF-e</option>
|
||||
<option value="gestao-franquias">Sistema de Gestão de Franquias</option>
|
||||
<option value="gestao-atacado">Sistema de Gestão de Atacado / Distribuição</option>
|
||||
<option value="gestao-supermercado">Sistema de Gestão para Supermercado</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - Educacional">
|
||||
<option value="gestao-escolar">Sistema de Gestão Escolar</option>
|
||||
<option value="gestao-universitaria">Sistema de Gestão Universitária</option>
|
||||
<option value="gestao-ead">Sistema de EAD</option>
|
||||
<option value="gestao-cursos">Sistema de Gestão de Cursos</option>
|
||||
<option value="gestao-biblioteca">Sistema de Biblioteca</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - ONGs / Organizações">
|
||||
<option value="gestao-ong">Sistema de Gestão para ONG</option>
|
||||
<option value="gestao-projetos-sociais">Sistema de Gestão de Projetos Sociais</option>
|
||||
<option value="gestao-voluntarios">Sistema de Gestão de Voluntários</option>
|
||||
<option value="gestao-doacoes">Sistema de Gestão de Doações</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - Industrial">
|
||||
<option value="gestao-industrial">Sistema de Gestão Industrial</option>
|
||||
<option value="gestao-producao">Sistema de Controle de Produção</option>
|
||||
<option value="gestao-qualidade">Sistema de Gestão de Qualidade</option>
|
||||
<option value="gestao-manutencao">Sistema de Manutenção Preventiva</option>
|
||||
<option value="gestao-seguranca">Sistema de Gestão de Segurança do Trabalho</option>
|
||||
<option value="gestao-patrimonio">Sistema de Gestão de Patrimônio</option>
|
||||
<option value="gestao-frota">Sistema de Gestão de Frota</option>
|
||||
</optgroup>
|
||||
<optgroup label="Sistemas de Gestão - Outros">
|
||||
<option value="gestao-petshop">Sistema de Gestão para Pet Shop</option>
|
||||
<option value="gestao-clube">Sistema de Gestão para Clube Social / Esportivo</option>
|
||||
<option value="gestao-grafica">Sistema de Gestão para Gráfica</option>
|
||||
<option value="gestao-padaria">Sistema de Gestão para Padaria / Mercearia</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="title" class="form-label">Nome do Projeto</label>
|
||||
<input type="text" class="form-control" id="title" name="title" value="{{ old('title') }}" required>
|
||||
@error('title') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_name" class="form-label">Nome da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_name" name="company_name" value="{{ old('company_name') }}">
|
||||
@error('company_name') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_address" class="form-label">Endereço da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_address" name="company_address" value="{{ old('company_address') }}">
|
||||
@error('company_address') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_whatsapp" class="form-label">WhatsApp da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_whatsapp" name="company_whatsapp" value="{{ old('company_whatsapp') }}">
|
||||
@error('company_whatsapp') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_website" class="form-label">Website da Empresa</label>
|
||||
<input type="url" class="form-control" id="company_website" name="company_website" value="{{ old('company_website') }}">
|
||||
@error('company_website') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_social_media" class="form-label">Redes Sociais da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_social_media" name="company_social_media" value="{{ old('company_social_media') }}" placeholder="Ex: Instagram, LinkedIn, Facebook">
|
||||
@error('company_social_media') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="company_business_activities" class="form-label">Atividades de Negócio da Empresa</label>
|
||||
<textarea class="form-control" id="company_business_activities" name="company_business_activities" rows="2">{{ old('company_business_activities') }}</textarea>
|
||||
@error('company_business_activities') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="company_services_products" class="form-label">Serviços e Produtos da Empresa</label>
|
||||
<textarea class="form-control" id="company_services_products" name="company_services_products" rows="2">{{ old('company_services_products') }}</textarea>
|
||||
@error('company_services_products') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="provider_id" class="form-label">Provedor</label>
|
||||
<select class="form-select" id="provider_id" name="provider_id" required>
|
||||
<option value="">Selecione...</option>
|
||||
@foreach($providers ?? [] as $provider)
|
||||
<option value="{{ $provider->id }}" {{ old('provider_id') == $provider->id ? 'selected' : '' }}>
|
||||
{{ $provider->name }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
@error('provider_id') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="objective" class="form-label">Objetivo</label>
|
||||
<textarea class="form-control" id="objective" name="objective" rows="2" required>{{ old('objective') }}</textarea>
|
||||
@error('objective') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="context" class="form-label">Contexto</label>
|
||||
<textarea class="form-control" id="context" name="context" rows="3">{{ old('context') }}</textarea>
|
||||
@error('context') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="persona" class="form-label">Persona / Papel</label>
|
||||
<input type="text" class="form-control" id="persona" name="persona" value="{{ old('persona') }}">
|
||||
@error('persona') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="tone" class="form-label">Tom / Estilo</label>
|
||||
<input type="text" class="form-control" id="tone" name="tone" value="{{ old('tone') }}">
|
||||
@error('tone') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="constraints" class="form-label">Restrições</label>
|
||||
<textarea class="form-control" id="constraints" name="constraints" rows="2">{{ old('constraints') }}</textarea>
|
||||
@error('constraints') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="output_format" class="form-label">Formato de Saída</label>
|
||||
<input type="text" class="form-control" id="output_format" name="output_format" value="{{ old('output_format') }}">
|
||||
@error('output_format') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="examples" class="form-label">Exemplos</label>
|
||||
<textarea class="form-control" id="examples" name="examples" rows="3">{{ old('examples') }}</textarea>
|
||||
@error('examples') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="variables" class="form-label">Variáveis</label>
|
||||
<textarea class="form-control" id="variables" name="variables" rows="2" placeholder="var1, var2">{{ old('variables') }}</textarea>
|
||||
@error('variables') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="temperature" class="form-label">Temperatura</label>
|
||||
<input type="number" step="0.1" min="0" max="1" class="form-control" id="temperature" name="temperature" value="{{ old('temperature', 0.7) }}" required>
|
||||
@error('temperature') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="max_tokens" class="form-label">Max Tokens</label>
|
||||
<input type="number" class="form-control" id="max_tokens" name="max_tokens" value="{{ old('max_tokens', 1024) }}" required>
|
||||
@error('max_tokens') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary"><i class="bi bi-save"></i> Salvar</button>
|
||||
<a href="{{ route('prompt-projects.index') }}" class="btn btn-secondary">Cancelar</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
const templatesApiUrl = "{{ route('prompt-templates.api') }}";
|
||||
window.templates = {};
|
||||
window.templatesLoaded = false;
|
||||
|
||||
function loadTemplates() {
|
||||
fetch(templatesApiUrl, {
|
||||
headers: {
|
||||
'Accept': 'application/json',
|
||||
'X-Requested-With': 'XMLHttpRequest',
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('HTTP ' + response.status);
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
window.templates = data;
|
||||
window.templatesLoaded = true;
|
||||
console.log('Templates loaded:', Object.keys(data).length);
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Failed to load templates:', error);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', loadTemplates);
|
||||
|
||||
const allOptions = Array.from(document.querySelectorAll('#template-source option')).map(opt => ({
|
||||
value: opt.value,
|
||||
text: opt.textContent,
|
||||
group: opt.parentElement.tagName === 'OPTGROUP' ? opt.parentElement.getAttribute('label') : ''
|
||||
}));
|
||||
|
||||
const searchInput = document.getElementById('template-search-input');
|
||||
const dropdown = document.getElementById('template-dropdown');
|
||||
const hiddenInput = document.getElementById('template');
|
||||
|
||||
function renderDropdown(filterText = '') {
|
||||
const term = filterText.toLowerCase();
|
||||
const filtered = allOptions.filter(opt => opt.value === '' || opt.text.toLowerCase().includes(term));
|
||||
|
||||
dropdown.innerHTML = '';
|
||||
|
||||
if (filtered.length === 0) {
|
||||
dropdown.innerHTML = '<div class="dropdown-item disabled" style="padding:0.5rem 1rem; color:#6c757d;">Nenhum modelo encontrado</div>';
|
||||
dropdown.style.display = 'block';
|
||||
return;
|
||||
}
|
||||
|
||||
filtered.forEach(opt => {
|
||||
const item = document.createElement('div');
|
||||
item.className = 'dropdown-item';
|
||||
item.textContent = opt.text;
|
||||
item.style.cssText = 'padding: 0.5rem 1rem; cursor: pointer;';
|
||||
item.addEventListener('mouseenter', function() {
|
||||
item.style.backgroundColor = '#f8f9fa';
|
||||
});
|
||||
item.addEventListener('mouseleave', function() {
|
||||
item.style.backgroundColor = '';
|
||||
});
|
||||
item.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
searchInput.value = opt.text;
|
||||
hiddenInput.value = opt.value;
|
||||
dropdown.style.display = 'none';
|
||||
|
||||
const template = window.templates[opt.text] || {};
|
||||
if (Object.keys(template).length > 0) {
|
||||
document.getElementById('title').value = template.title || '';
|
||||
document.getElementById('objective').value = template.objective || '';
|
||||
document.getElementById('context').value = template.context || '';
|
||||
document.getElementById('persona').value = template.persona || '';
|
||||
document.getElementById('tone').value = template.tone || '';
|
||||
document.getElementById('constraints').value = template.constraints || '';
|
||||
document.getElementById('output_format').value = template.output_format || '';
|
||||
document.getElementById('examples').value = template.examples || '';
|
||||
document.getElementById('variables').value = template.variables || '';
|
||||
document.getElementById('temperature').value = template.temperature ?? 0.7;
|
||||
document.getElementById('max_tokens').value = template.max_tokens ?? 1024;
|
||||
} else {
|
||||
const fields = ['title', 'objective', 'context', 'persona', 'tone', 'constraints', 'output_format', 'examples', 'variables', 'temperature', 'max_tokens'];
|
||||
fields.forEach(field => {
|
||||
const el = document.getElementById(field);
|
||||
if (el) {
|
||||
if (field === 'temperature') el.value = '0.7';
|
||||
else if (field === 'max_tokens') el.value = '1024';
|
||||
else el.value = '';
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
dropdown.appendChild(item);
|
||||
});
|
||||
|
||||
if (filterText.length > 0) {
|
||||
dropdown.style.display = 'block';
|
||||
}
|
||||
}
|
||||
|
||||
searchInput.addEventListener('input', function() {
|
||||
renderDropdown(this.value);
|
||||
});
|
||||
|
||||
searchInput.addEventListener('focus', function() {
|
||||
renderDropdown(this.value);
|
||||
});
|
||||
|
||||
document.addEventListener('click', function(e) {
|
||||
if (!searchInput.contains(e.target) && !dropdown.contains(e.target)) {
|
||||
dropdown.style.display = 'none';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endsection('scripts')
|
||||
@endsection('content')
|
||||
+146
@@ -0,0 +1,146 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('header', 'Editar Projeto')
|
||||
|
||||
@section('breadcrumbs')
|
||||
@php
|
||||
$breadcrumbs = [
|
||||
'Projetos' => route('prompt-projects.index'),
|
||||
'Editar' => null
|
||||
];
|
||||
@endphp
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 fw-bold text-primary">Editar Projeto</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('prompt-projects.update', $promptProject) }}">
|
||||
@csrf @method('PUT')
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="title" class="form-label">Nome do Projeto</label>
|
||||
<input type="text" class="form-control" id="title" name="title" value="{{ old('title', $promptProject->title) }}" required>
|
||||
@error('name') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_name" class="form-label">Nome da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_name" name="company_name" value="{{ old('company_name', $promptProject->company_name) }}">
|
||||
@error('company_name') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_address" class="form-label">Endereço da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_address" name="company_address" value="{{ old('company_address', $promptProject->company_address) }}">
|
||||
@error('company_address') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_whatsapp" class="form-label">WhatsApp da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_whatsapp" name="company_whatsapp" value="{{ old('company_whatsapp', $promptProject->company_whatsapp) }}">
|
||||
@error('company_whatsapp') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_website" class="form-label">Website da Empresa</label>
|
||||
<input type="url" class="form-control" id="company_website" name="company_website" value="{{ old('company_website', $promptProject->company_website) }}">
|
||||
@error('company_website') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="company_social_media" class="form-label">Redes Sociais da Empresa</label>
|
||||
<input type="text" class="form-control" id="company_social_media" name="company_social_media" value="{{ old('company_social_media', $promptProject->company_social_media) }}" placeholder="Ex: Instagram, LinkedIn, Facebook">
|
||||
@error('company_social_media') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="company_business_activities" class="form-label">Atividades de Negócio da Empresa</label>
|
||||
<textarea class="form-control" id="company_business_activities" name="company_business_activities" rows="2">{{ old('company_business_activities', $promptProject->company_business_activities) }}</textarea>
|
||||
@error('company_business_activities') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="company_services_products" class="form-label">Serviços e Produtos da Empresa</label>
|
||||
<textarea class="form-control" id="company_services_products" name="company_services_products" rows="2">{{ old('company_services_products', $promptProject->company_services_products) }}</textarea>
|
||||
@error('company_services_products') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="provider_id" class="form-label">Provedor</label>
|
||||
<select class="form-select" id="provider_id" name="provider_id" required>
|
||||
<option value="">Selecione...</option>
|
||||
@foreach($providers ?? [] as $provider)
|
||||
<option value="{{ $provider->id }}" {{ old('provider_id', $promptProject->provider_id) == $provider->id ? 'selected' : '' }}>
|
||||
{{ $provider->name }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
@error('provider_id') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="objective" class="form-label">Objetivo</label>
|
||||
<textarea class="form-control" id="objective" name="objective" rows="2" required>{{ old('objective', $promptProject->objective) }}</textarea>
|
||||
@error('objective') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="context" class="form-label">Contexto</label>
|
||||
<textarea class="form-control" id="context" name="context" rows="3">{{ old('context', $promptProject->context) }}</textarea>
|
||||
@error('context') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="persona" class="form-label">Persona / Papel</label>
|
||||
<input type="text" class="form-control" id="persona" name="persona" value="{{ old('persona', $promptProject->persona) }}">
|
||||
@error('persona') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="tone" class="form-label">Tom / Estilo</label>
|
||||
<input type="text" class="form-control" id="tone" name="tone" value="{{ old('tone', $promptProject->tone) }}">
|
||||
@error('tone') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="constraints" class="form-label">Restrições</label>
|
||||
<textarea class="form-control" id="constraints" name="constraints" rows="2">{{ old('constraints', $promptProject->constraints) }}</textarea>
|
||||
@error('constraints') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="output_format" class="form-label">Formato de Saída</label>
|
||||
<input type="text" class="form-control" id="output_format" name="output_format" value="{{ old('output_format', $promptProject->output_format) }}">
|
||||
@error('output_format') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="examples" class="form-label">Exemplos</label>
|
||||
<textarea class="form-control" id="examples" name="examples" rows="3">{{ is_array($promptProject->examples) ? implode("\n", $promptProject->examples) : $promptProject->examples }}</textarea>
|
||||
@error('examples') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="variables" class="form-label">Variáveis</label>
|
||||
<textarea class="form-control" id="variables" name="variables" rows="2">{{ is_array($promptProject->variables) ? implode(", ", $promptProject->variables) : $promptProject->variables }}</textarea>
|
||||
@error('variables') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="temperature" class="form-label">Temperatura</label>
|
||||
<input type="number" step="0.1" min="0" max="1" class="form-control" id="temperature" name="temperature" value="{{ old('temperature', $promptProject->temperature) }}" required>
|
||||
@error('temperature') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<label for="max_tokens" class="form-label">Max Tokens</label>
|
||||
<input type="number" class="form-control" id="max_tokens" name="max_tokens" value="{{ old('max_tokens', $promptProject->max_tokens) }}" required>
|
||||
@error('max_tokens') <div class="text-danger small">{{ $message }}</div> @enderror
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary"><i class="bi bi-save"></i> Atualizar</button>
|
||||
<a href="{{ route('prompt-projects.index') }}" class="btn btn-secondary">Cancelar</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
+70
@@ -0,0 +1,70 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('header', 'Projetos de Prompt')
|
||||
|
||||
@section('breadcrumbs')
|
||||
@php
|
||||
$breadcrumbs = [
|
||||
'Projetos' => route('prompt-projects.index')
|
||||
];
|
||||
@endphp
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3 d-flex justify-content-between align-items-center">
|
||||
<h6 class="m-0 fw-bold text-primary">Lista de Projetos</h6>
|
||||
<a href="{{ route('prompt-projects.create') }}" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle"></i> Novo Projeto
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if(isset($projects) && count($projects) > 0)
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nome</th>
|
||||
<th>Objetivo</th>
|
||||
<th>Provedor</th>
|
||||
<th>Temperatura</th>
|
||||
<th>Tokens</th>
|
||||
<th>Ações</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($projects as $project)
|
||||
<tr>
|
||||
<td>{{ $project->title }}</td>
|
||||
<td>{{ Str::limit($project->objective, 50) }}</td>
|
||||
<td>{{ $project->provider->name ?? 'N/A' }}</td>
|
||||
<td>{{ $project->temperature }}</td>
|
||||
<td>{{ $project->max_tokens }}</td>
|
||||
<td>
|
||||
<a href="{{ route('prompt-projects.show', $project) }}" class="btn btn-info btn-sm">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
<a href="{{ route('prompt-projects.edit', $project) }}" class="btn btn-warning btn-sm">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<form action="{{ route('prompt-projects.destroy', $project) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i></button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if(is_object($projects) && method_exists($projects, 'links'))
|
||||
<div class="mt-3">
|
||||
{{ $projects->links() }}
|
||||
</div>
|
||||
@endif
|
||||
@else
|
||||
<p class="text-muted">Nenhum projeto encontrado.</p>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
+202
@@ -0,0 +1,202 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('header', $promptProject->title)
|
||||
|
||||
@section('breadcrumbs')
|
||||
@php
|
||||
$breadcrumbs = [
|
||||
'Projetos' => route('prompt-projects.index'),
|
||||
$promptProject->title => null
|
||||
];
|
||||
@endphp
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3 d-flex justify-content-between align-items-center">
|
||||
<h6 class="m-0 fw-bold text-primary">Detalhes do Projeto</h6>
|
||||
<div>
|
||||
<a href="{{ route('prompt-projects.edit', $promptProject) }}" class="btn btn-warning btn-sm me-2">
|
||||
<i class="bi bi-pencil"></i> Editar
|
||||
</a>
|
||||
<form action="{{ route('prompt-projects.destroy', $promptProject) }}" method="POST" class="d-inline" onsubmit="return confirm('Tem certeza?')">
|
||||
@csrf @method('DELETE')
|
||||
<button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i> Excluir</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<dl class="row">
|
||||
<dt class="col-sm-3">Nome</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->title }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Nome da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_name ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Endereço da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_address ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">WhatsApp da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_whatsapp ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Website da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_website ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Redes Sociais da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_social_media ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Atividades de Negócio da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_business_activities ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Serviços e Produtos da Empresa</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->company_services_products ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Objetivo</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->objective }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Contexto</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->context ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Persona</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->persona ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Tom</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->tone ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Restrições</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->constraints ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Formato de Saída</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->output_format ?: '-' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Exemplos</dt>
|
||||
<dd class="col-sm-9">{{ is_array($promptProject->examples) ? implode(', ', $promptProject->examples) : ($promptProject->examples ?: '-') }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Variáveis</dt>
|
||||
<dd class="col-sm-9">{{ is_array($promptProject->variables) ? implode(', ', $promptProject->variables) : ($promptProject->variables ?: '-') }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Temperatura</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->temperature }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Max Tokens</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->max_tokens }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Provedor</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->provider->name ?? 'N/A' }}</dd>
|
||||
|
||||
<dt class="col-sm-3">Modelo</dt>
|
||||
<dd class="col-sm-9">{{ $promptProject->model->name ?? 'N/A' }}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 fw-bold text-primary">Gerar Prompt</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ route('prompt-projects.generate', $promptProject) }}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label for="model" class="form-label">Modelo</label>
|
||||
<select class="form-select" id="model" name="model" required>
|
||||
<option value="">Selecione...</option>
|
||||
@foreach($models ?? [] as $model)
|
||||
<option value="{{ $model->slug }}" {{ old('model', $promptProject->model->slug ?? '') == $model->slug ? 'selected' : '' }}>
|
||||
{{ $model->name }}
|
||||
</option>
|
||||
@endforeach
|
||||
<option value="outros">Outros</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3 d-none" id="custom-model-container">
|
||||
<label for="custom_model" class="form-label">Modelo Personalizado</label>
|
||||
<input type="text" class="form-control" id="custom_model" name="custom_model" placeholder="Ex: gpt-4, claude-3, etc.">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success"><i class="bi bi-play-circle"></i> Gerar</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if($generations->isNotEmpty())
|
||||
<div class="card shadow mb-4">
|
||||
<div class="card-header py-3">
|
||||
<h6 class="m-0 fw-bold text-primary">Gerações Recentes</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@foreach($generations as $generation)
|
||||
<div class="card mb-3">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<span>
|
||||
<i class="bi bi-robot me-1"></i>
|
||||
{{ $generation->model->name ?? 'Modelo desconhecido' }}
|
||||
@if($generation->status === 'failed')
|
||||
<span class="badge bg-danger ms-2">Falha</span>
|
||||
@else
|
||||
<span class="badge bg-success ms-2">Sucesso</span>
|
||||
@endif
|
||||
</span>
|
||||
<small class="text-muted">{{ $generation->created_at->format('d/m/Y H:i') }}</small>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Prompt Enviado</h6>
|
||||
<pre class="bg-light p-3 rounded small mb-3" style="white-space: pre-wrap;">{{ $generation->generated_prompt }}</pre>
|
||||
|
||||
@if($generation->status === 'completed' && !empty($generation->output_data['content'] ?? ''))
|
||||
<div class="d-flex justify-content-between align-items-center mb-2">
|
||||
<h6 class="card-title mb-0">Resposta da IA</h6>
|
||||
<button class="btn btn-sm btn-outline-secondary copy-btn" type="button" data-target="response-{{ $generation->id }}">
|
||||
<i class="bi bi-clipboard me-1"></i> Copy
|
||||
</button>
|
||||
</div>
|
||||
<textarea class="form-control font-monospace small" id="response-{{ $generation->id }}" rows="12">{{ $generation->output_data['content'] }}</textarea>
|
||||
@elseif($generation->status === 'failed')
|
||||
<div class="alert alert-danger small">
|
||||
<strong>Erro:</strong> {{ $generation->output_data['error'] ?? 'Erro desconhecido' }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($generation->tokens_used)
|
||||
<p class="text-muted small mt-2 mb-0">
|
||||
<i class="bi bi-lightning me-1"></i>Tokens: {{ $generation->tokens_used }} |
|
||||
<i class="bi bi-clock me-1"></i>Tempo: {{ $generation->generation_time }}s
|
||||
</p>
|
||||
@endif
|
||||
<form action="{{ route('prompt-generations.destroy', $generation) }}" method="POST" class="mt-2" onsubmit="return confirm('Tem certeza que deseja excluir esta geração?')">
|
||||
@csrf @method('DELETE')
|
||||
<button type="submit" class="btn btn-danger btn-sm"><i class="bi bi-trash"></i> Excluir</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
document.getElementById('model').addEventListener('change', function() {
|
||||
const customContainer = document.getElementById('custom-model-container');
|
||||
if (this.value === 'outros') {
|
||||
customContainer.classList.remove('d-none');
|
||||
document.getElementById('custom_model').setAttribute('required', 'required');
|
||||
} else {
|
||||
customContainer.classList.add('d-none');
|
||||
document.getElementById('custom_model').removeAttribute('required');
|
||||
}
|
||||
});
|
||||
|
||||
document.querySelectorAll('.copy-btn').forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
const targetId = this.getAttribute('data-target');
|
||||
const textarea = document.getElementById(targetId);
|
||||
if (textarea) {
|
||||
textarea.select();
|
||||
document.execCommand('copy');
|
||||
alert('Conteúdo copiado para a área de transferência!');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@endsection
|
||||
Reference in New Issue
Block a user