/**
 * Konfigurasi TinyMCE untuk Dashboard Perangkat Desa
 * Edit file ini untuk mengubah toolbar, plugin, tinggi editor, font, dll.
 * Dipakai di: Jenis Surat (form), Edit Template Surat, dan form lain yang pakai class .tinymce
 */
window.TINYMCE_CONFIG_PERANGKAT = {
  selector: ".tinymce",
  height: 600,
  menubar: true,
  // Agar placeholder [nama], [nik] dll tidak di-encode jadi [ ]
  entity_encoding: "raw",
  // Jangan pakai protect: regex membuat placeholder INVISIBLE di editor (lihat docs TinyMCE).
  // Placeholder [nama] dll tetap tampil; jangan dihapus saat edit.
  plugins: [
    "advlist",
    "autolink",
    "lists",
    "link",
    "image",
    "charmap",
    "preview",
    "anchor",
    "searchreplace",
    "visualblocks",
    "code",
    "fullscreen",
    "insertdatetime",
    "media",
    "table",
    "help",
    "wordcount",
    "pagebreak",
    "template",
  ],
  toolbar:
    "undo redo | blocks fontselect fontsizeselect | " +
    "bold italic backcolor | alignleft aligncenter " +
    "alignright alignjustify | bullist numlist outdent indent | " +
    "table link image template | removeformat | help",
  font_family_formats:
    "Andale Mono=andale mono,times; Arial=arial,helvetica,sans-serif; Arial Black=arial black,sans-serif; Book Antiqua=book antiqua,palatino,serif; Comic Sans MS=comic sans ms,sans-serif; Courier New=courier new,courier,monospace; Georgia=georgia,palatino,serif; Helvetica=helvetica,arial,sans-serif; Impact=impact,sans-serif; Tahoma=tahoma,arial,helvetica,sans-serif; Times New Roman=times new roman,times,serif; Trebuchet MS=trebuchet ms,geneva,sans-serif; Verdana=verdana,geneva,sans-serif",
  font_size_formats: "8pt 9pt 10pt 11pt 12pt 14pt 18pt 24pt 36pt",
  images_upload_url: "/perangkat/tinymce/upload/",
  content_style:
    'body { font-family: "Times New Roman", Times, serif; font-size: 12pt; line-height: 1.5; }',
  templates: [
    {
      title: "Kop Surat Resmi",
      description: "Format Kop Surat dengan Logo Kiri, Teks Center & Bold",
      content: `
<table style="width: 100%; border-collapse: collapse; border: none;">
  <tbody>
    <tr>
      <td style="width: 15%; padding: 10px; border: none; vertical-align: top; text-align: center;">
        <img src="/static/images/logokop.png" alt="Logo Polewali Mandar" width="120" style="max-width: 120px; height: auto;" />
      </td>
      <td style="width: 85%; border: none; vertical-align: top;">
        <div style="text-align: center;">
          <p style="margin: 0; padding: 0; font-size: 12pt; font-weight: bold; text-transform: uppercase;">PEMERINTAH KABUPATEN POLEWALI MANDAR</p>
          <p style="margin: 3px 0 0; padding: 0; font-size: 14pt; font-weight: bold; text-transform: uppercase;">KECAMATAN TINAMBUNG</p>
          <p style="margin: 6px 0 0; padding: 0; font-size: 18pt; font-weight: bold; text-transform: uppercase;">DESA [nama_desa]</p>
        </div>
        <table style="width: 100%; margin-top: 14px; font-size: 10pt; border: none;">
          <tr>
            <td style="width: 50%; border: none; padding: 0; vertical-align: top;">
              <p style="margin: 0 0 3px;"><strong>Email :</strong> <em>[email_desa]</em></p>
              <p style="margin: 0 0 3px;"><strong>No. Whatsapp :</strong> <em>[telepon_desa]</em></p>
            </td>
            <td style="width: 50%; border: none; padding: 0; vertical-align: top;">
              <p style="margin: 0 0 3px;"><strong>Website :</strong> <em>[website_desa]</em></p>
              <p style="margin: 0 0 3px;"><strong>Alamat :</strong> <em>[alamat_desa]</em></p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td colspan="2" style="border: none; border-top: 3px solid #000; height: 5px; padding: 0;"></td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
`,
    },
  ],
};