{{-- Messagens da session --}}
        @include('partials.session-message')
   
    <div class="card shadow-lg mx-4 card-profile-bottom">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-auto">
                    <div class="avatar avatar-xl position-relative">
                        <i class="fa fa-prodservs" style="color:#344767; font-size:48px !important"></i>
                    </div>
                </div>
                <div class="col-auto my-auto">
                    <div class="h-100">
                        <h5 id="head-name" class="mb-1">
                             {{ isset($prodserv) ? $prodserv->prodserv : '-' }}
                        </h5>
                        <p id="head-prodservname" class="mb-0 font-weight-bold text-sm">
                        {{ isset($prodserv) ? $prodserv->prodservname : '-' }}
                        </p>
                    </div>
                </div>
                @if (isset($prodserv))
                <div class="col-lg-2 col-md-2 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                    <div class="nav-wrapper position-relative end-0">
                        <div class="dropdown">
                            <a href="#" style="text-transform: uppercase;" class="btn bg-gradient-dark dropdown-toggle " data-bs-toggle="dropdown" id="navbarDropdownMenuLink2"> {{ isset($prodserv) ? $prodserv->status : old('status') }}
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
                                <li>
                                    <a id="ativo" class="dropdown-item form-status" href="#" data-status="ativo">ATIVO</a>
                                </li>
                                <li>
                                    <a id="inativo" class="dropdown-item form-status" href="#" data-status="inativo">INATIVO</a>
                                </li>
                            </ul>
                            </div>

                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">Base de Conhecimento</p>
                            <div class="ms-auto">
                                <button type="submit" class="btn btn-success btn-sm ms-auto "><i class="fas fa-save me-3"></i>Salvar</button>
                                <button class="btn btn-danger btn-sm ms-auto d-none"><i class="fas fa-trash"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">DADOS CADASTRAIS</p>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{ __('Agente') }}</label>
                                    <select class="form-select{{ $errors->has('idagente') ? ' is-invalid' : '' }}" 
                                    name="idagente" id="input-idagente">
                                        <option value="">Selecione um agente</option>
                                        @if(isset($agentes))
                                            @foreach($agentes as $agente)
                                                <option value="{{ $agente->idagente }}" 
                                                    {{ (isset($prodserv) && $prodserv->idagente == $agente->idagente) || old('idagente') == $agente->idagente ? 'selected' : '' }}>
                                                    {{ $agente->nome }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    @if ($errors->has('idagente'))
                                        <span id="idagente-error" class="error text-danger"
                                            for="input-idagente">{{ $errors->first('idagente') }}</span>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{ __('Nome/Identificador') }}</label>
                                    <input class="form-control{{ $errors->has('prodserv') ? ' is-invalid' : '' }}" 
                                    name="prodserv" id="input-prodserv" type="text"
                                    value="{{ isset($prodserv) ? $prodserv->prodserv : old('prodserv') }}"
                                    placeholder="{{ __('Nome ou identificador do conteúdo') }}" 
                                    required="true" aria-required="true"
                                    onkeyup="updateHeadprodserv('input-prodserv', 'head-prodserv')" 
                                     />
                                @if ($errors->has('prodserv'))
                                    <span id="prodserv-error" class="error text-danger"
                                        for="input-prodserv">{{ $errors->first('prodserv') }}</span>
                                @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>{{ __('Título') }}</label>
                                    <input class="form-control{{ $errors->has('titulo') ? ' is-invalid' : '' }}" 
                                    name="titulo" id="input-titulo" type="text"
                                    value="{{ isset($prodserv) ? $prodserv->titulo : old('titulo') }}"
                                    placeholder="{{ __('Título do conteúdo') }}" 
                                     />
                                @if ($errors->has('titulo'))
                                    <span id="titulo-error" class="error text-danger"
                                        for="input-titulo">{{ $errors->first('titulo') }}</span>
                                @endif
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="example-text-input" class="form-control-label">Descrição</label>
                                    <textarea name="descricao" rows="4" id="input-descricao" class="form-control" placeholder="Breve descrição do conteúdo">{{ isset($prodserv) ? $prodserv->descricao : old('descricao') }}</textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="input-conteudo_ia" class="form-control-label">
                                        <i class="fas fa-brain me-2"></i>Conteúdo para IA
                                        <small class="text-muted">(Texto que será usado como base de conhecimento para o agente)</small>
                                    </label>
                                    <textarea name="conteudo_ia" rows="10" id="input-conteudo_ia" 
                                        class="form-control{{ $errors->has('conteudo_ia') ? ' is-invalid' : '' }}"
                                        placeholder="Digite aqui o conteúdo que será usado como base de conhecimento para o agente. Pode incluir informações, procedimentos, regras, exemplos, etc.">{{ isset($prodserv) ? $prodserv->conteudo_ia : old('conteudo_ia') }}</textarea>
                                    @if ($errors->has('conteudo_ia'))
                                        <span id="conteudo_ia-error" class="error text-danger"
                                            for="input-conteudo_ia">{{ $errors->first('conteudo_ia') }}</span>
                                    @endif
                                    <small class="text-muted">Você também pode fazer upload de arquivos (PDF, DOC, TXT, imagens) abaixo.</small>
                                </div>
                            </div>
                             
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header pb-0">
                        <div class="d-flex align-items-center">
                            <p class="mb-4">
                                <i class="fas fa-file-upload me-2"></i>Arquivos da Base de Conhecimento
                            </p>
                        </div>
                    </div>
                    <div class="card-body">
                        <p class="text-uppercase text-sm">UPLOAD DE ARQUIVOS</p>
                        <p class="text-sm text-muted mb-3">
                            Faça upload de arquivos (PDF, DOC, DOCX, TXT, imagens) que serão usados como base de conhecimento para o agente.
                        </p>
                        @if(isset($prodserv))
                            @include('partials.upload', ['model' => $prodserv])
                        @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                Os arquivos poderão ser enviados após salvar o registro.
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <script src="/assets/js/jquery.min.js" type="text/javascript"></script>
        <script>
            function changeStatus(model, id, newStatus) {
                $.ajax({
                    url: `/status/${model}/${id}/${newStatus}`,
                    method: 'GET',
                    success: function(response) {
                        console.log(response);
                        $('#navbarDropdownMenuLink2').text(newStatus).css('text-transform', 'uppercase');
                        // Atualize a UI aqui
                    },
                    error: function(error) {
                        console.error(error);
                        // Lidar com erros aqui
                    }
                });
            }
        </script>
        <script>
            document.addEventListener('DOMContentLoaded', () => {
                const prodservId = {{ $prodserv->id ?? 'undefined' }};
                const statusElements = document.querySelectorAll('.form-status');

                statusElements.forEach((element) => {
                    element.addEventListener('click', () => {
                        const status = element.getAttribute('data-status');
                        changeStatus('prodserv', prodservId, status);
                    });
                });
            });
        </script>
        <script>
            function updateHeadName(inputId, outputId) {
                var inputValue = $('#' + inputId).val();
                $('#' + outputId).text(inputValue);
            }
                    
        </script>

        <script>
            $(document).ready(function() {
                $('#associate-empresa-container input[type="checkbox"]').change(function() {
                    let prodservId = $(this).data('prodserv-id');
                    let empresaId = $(this).data('empresa-id');
                    let associate = $(this).is(':checked');

                    $.ajax({
                        url: `/updateAssociation`,
                        method: 'POST',
                        data: {
                            _token: $('input[name="_token"]').val(),
                            prodserv_id: prodservId,
                            idempresa: empresaId,
                            associate: associate
                        },
                        success: function(response) {
                            console.log(response.message);
                        }
                    });
                });
            });
        </script>
        @include('partials.upload-js')
        @include('layouts.footers.auth.footer')
    </div>