@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-900'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Cliente - ' . $cliente->nome])
    <form action="{{ route('clientes.update', $cliente->id) }}" method="POST" enctype="multipart/form-data" autocomplete="off" id="formPrincipal">
        @csrf
        @method('PUT')
        @include('clientes.form', ['cliente' => $cliente])
    </form>
    <div class="container-fluid py-2">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header pb-0 d-flex align-items-center justify-content-between">
                        <p class="mb-0">Base de Conhecimento do Cliente</p>
                        <a href="{{ route('clientes.conteudo.create', $cliente->id) }}" class="btn btn-sm btn-dark">
                            <i class="fa fa-plus me-1"></i> Adicionar conteúdo
                        </a>
                    </div>
                    <div class="card-body">
                        <p class="text-sm text-muted mb-3">
                            Arquivos, contratos e textos que o agente pode usar quando o usuário mencionar este cliente no chat (ex: @{{ $cliente->slug ?? $cliente->nome }}).
                        </p>
                        @if($cliente->conteudos->count() > 0)
                            <ul class="list-group list-group-flush">
                                @foreach($cliente->conteudos as $conteudo)
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <div>
                                            <strong>{{ $conteudo->titulo ?: 'Sem título' }}</strong>
                                            @if($conteudo->descricao)
                                                <span class="text-muted small d-block">{{ \Illuminate\Support\Str::limit($conteudo->descricao, 80) }}</span>
                                            @endif
                                        </div>
                                        <div>
                                            <a href="{{ route('clientes.conteudo.edit', [$cliente->id, $conteudo->id]) }}" class="btn btn-sm btn-outline-primary me-1">Editar</a>
                                            <form action="{{ route('clientes.conteudo.destroy', [$cliente->id, $conteudo->id]) }}" method="POST" class="d-inline" onsubmit="return confirm('Remover este conteúdo?');">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-outline-danger">Excluir</button>
                                            </form>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted mb-0">Nenhum conteúdo na base de conhecimento. Clique em "Adicionar conteúdo" para incluir contratos, arquivos ou textos.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection