{% extends "base.html" %}

{% block title %}CV — karyab{% endblock %}

{% block content %}
<h1>CV</h1>

{% if flash %}
<div class="flash-banner" style="background:var(--badge-hi,#d1fae5);border:1px solid #6ee7b7;border-radius:6px;padding:0.6rem 1rem;margin-bottom:1rem;font-size:0.9rem">
  {{ flash }}
</div>
{% endif %}

{% if imported %}
<h2>Imported text</h2>
<p style="color:var(--muted);font-size:0.9rem">Manual backend active — copy the text below and paste it into the editor above.</p>
<textarea readonly rows="10"
  style="width:100%;padding:0.35rem 0.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);resize:vertical;font-size:0.85rem;font-family:monospace">{{ imported }}</textarea>
{% endif %}

<h2>Master CV</h2>
<form method="post" action="/cv/save">
  <textarea name="cv_json" rows="20"
    style="width:100%;padding:0.35rem 0.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);resize:vertical;font-size:0.85rem;font-family:monospace"
    placeholder='{"basics": {"name": "Your Name", ...}}'>{{ cv_json_str }}</textarea>
  <button type="submit" class="btn btn-primary" style="margin-top:0.5rem">Save</button>
</form>

<h2>Import</h2>
<form method="post" action="/cv/import" enctype="multipart/form-data">
  <input type="file" name="file" accept=".pdf,.docx" style="margin-bottom:0.5rem">
  <button type="submit" class="btn">Import CV</button>
</form>
<p style="color:var(--muted);font-size:0.85rem">Upload a PDF or DOCX to extract and (with an autonomous backend) auto-convert to JSON Resume.</p>

<h2>Render</h2>
<div style="display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;margin-bottom:0.75rem">
  <form method="post" action="/cv/render" style="display:inline">
    <input type="hidden" name="fmt" value="pdf">
    <button type="submit" class="btn">Render PDF</button>
  </form>
  <form method="post" action="/cv/render" style="display:inline">
    <input type="hidden" name="fmt" value="docx">
    <button type="submit" class="btn">Render DOCX</button>
  </form>
  {% if pdf_exists %}
  <a href="/cv/download?fmt=pdf" class="btn btn-primary">Download PDF</a>
  {% endif %}
  {% if docx_exists %}
  <a href="/cv/download?fmt=docx" class="btn btn-primary">Download DOCX</a>
  {% endif %}
</div>

<h2>Template editor</h2>
<p style="color:var(--muted);font-size:0.85rem">Edit the Typst (.typ) template used to render PDF.</p>
<form method="post" action="/cv/template/save">
  <textarea name="typ" rows="15"
    style="width:100%;padding:0.35rem 0.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--fg);resize:vertical;font-size:0.85rem;font-family:monospace">{{ typ_text }}</textarea>
  <button type="submit" class="btn" style="margin-top:0.5rem">Save template</button>
</form>

<h3 style="margin-top:1.5rem">Upload DOCX template</h3>
<form method="post" action="/cv/template/upload" enctype="multipart/form-data">
  <input type="file" name="file" accept=".docx" style="margin-bottom:0.5rem">
  <button type="submit" class="btn">Upload DOCX template</button>
</form>
{% endblock %}