Em português. Gere um aplicativo para gestão de Audiências criminais. Considere: Esta é uma solicitação que requer a geração de código HTML, CSS e JavaScript para implementar as funcionalidades de armazenamento local e exportação (PDF e JPG). É fundamental notar que a **estrutura do template** (as tabelas e campos) é baseada nas melhores práticas definidas na nossa conversa anterior e nos dados processuais contidos nas fontes, mas **o código, as bibliotecas (como `html2pdf` e `html2canvas`) e as funcionalidades de *Local Storage* são informações técnicas externas** e não estão contidas nas fontes jurídicas fornecidas. Abaixo está o código completo. Para que as funcionalidades de exportação funcionem, este arquivo HTML deve ser aberto em um navegador que tenha acesso à internet (para carregar as bibliotecas externas). ## CÓDIGO HTML + CSS + JAVASCRIPT ```html Template de Organização de Audiência

TEMPLATE PADRÃO DE ORGANIZAÇÃO DA AUDIÊNCIA

I. DADOS GERAIS DO PROCESSO

Campo Preenchimento Citação (Evento)
**Autos N.º**
**Denúncia (Evento)**
**Data e Horário Principal**
**Objeto da Audiência**

II. CONTROLE DE TESTEMUNHAS

A. Testemunhas de Acusação (Ministério Público)

Testemunha Status Atual / Detalhe Citação (Ev.) Data Agendada

B. Testemunhas de Defesa

(Organizar por Réu Arrolante)
Réu Arrolante Testemunha Status/Detalhe (Local) Citação (Ev.) Data Agendada

C. Resumo de Testemunhas JÁ CUMPRIDAS/DESISTIDAS

III. CONTROLE DE ACUSADOS E INTERROGATÓRIOS

Acusado (Vulgo) Crimes/Fatos (Denúncia) Advogado(s) (Proc. Ev.) Logística/Custódia Data Interrogatório Local (Marcar)
``` ## INSTRUÇÕES DE USO E FUNCIONALIDADES 1. **Salvar o Código:** Copie o código acima e salve-o como um arquivo com a extensão `.html` (ex: `template_audiencia.html`). 2. **Abrir:** Abra o arquivo HTML em qualquer navegador moderno (Chrome, Firefox, Edge, etc.). ### 1. Armazenamento Local (`Local Storage`) Esta funcionalidade permite que você salve o estado atual do template diretamente no seu navegador, sem a necessidade de um servidor ou de salvar o arquivo editado a cada alteração. * **Salvar Localmente:** Clica no botão **"Salvar Localmente"**. Isso armazena todos os dados digitados (incluindo as linhas adicionais das tabelas dinâmicas) no cache do navegador. * **Carregar Dados:** Clica no botão **"Carregar Dados"**. Isso recupera a última versão salva localmente. * **Limpar Dados Locais:** Remove permanentemente a versão salva do caso atual do *local storage*. ### 2. Adição Dinâmica de Linhas * Os botões **"Adicionar Testemunha MP"**, **"Adicionar Testemunha Defesa"** e **"Adicionar Acusado"** permitem replicar linhas nas tabelas, tornando o template escalável para processos com muitos envolvidos, conforme demonstrado pelas extensas listas de testemunhas e acusados nas fontes. ### 3. Exportação em PDF * O botão **"Exportar PDF"** utiliza a biblioteca `html2pdf` para converter o conteúdo da div principal (`id="template-content"`) em um arquivo PDF formatado para impressão. Ele tenta limpar temporariamente os estilos dos campos de entrada para que o PDF pareça um documento impresso limpo. ### 4. Exportação em JPG * O botão **"Exportar JPG"** utiliza a biblioteca `html2canvas` para tirar uma "captura de tela" (screenshot) do conteúdo do template e o converte em uma imagem JPEG, útil para compartilhamento rápido ou anexos que exigem formato de imagem. No item "C" "C. Resumo de Testemunhas JÁ CUMPRIDAS/DESISTIDAS" não há botão para inclusão de dados No Item "C. Resumo de Testemunhas Já Cumpridas/Disistidas" gere o mesmo formulário com campos de Controle de Testemunhas para favorecer a usabilidade No Item "C. Resumo de Testemunhas Já Cumpridas/Disistidas" gere o mesmo formulário com campos de Controle de Testemunhas para favorecer a usabilidade Crie o Bloco IV com "Providências e Observações" para inclusão de determinações futuras O IV deve ser depois do III. Arrume por favor