{% extends "base.html" %}
{% from "_hub.html" import hub %}

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

{% block content %}
{% call hub(hub_sections) %}
<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 %}

<p style="margin-bottom:1.5rem;">
  Render and download your master CV.
</p>

<h2>Active template</h2>
<p>
  <strong>{{ default_template_name }}</strong>
  — <a href="/templates">change or preview</a>
</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>

{% if pdf_exists %}
<h2>Preview</h2>
<iframe src="/cv/view" title="CV preview"
        style="width:100%;height:80vh;border:1px solid var(--border);border-radius:6px;
               background:#fff"></iframe>
{% endif %}
{% endcall %}
{% endblock %}