{% extends "base.html" %}
{% block title %}{{ job.title }}{% endblock %}
{% block content %}
<h1>{{ job.title }}</h1>
<p class="sub">{{ job.company }}{% if job.company and job.location %} · {% endif %}{{ job.location }}
  · <a href="{{ job.url }}" target="_blank">source</a></p>

<div class="flex" style="margin:12px 0">
  <form method="post" action="/job/{{ job.id }}/score"><button class="btn ghost" type="submit">Score</button></form>
  <form method="post" action="/job/{{ job.id }}/prepare"><button class="btn" type="submit">Prepare (tailor + audit)</button></form>
</div>

<div class="grid">
  <div class="card"><div class="lbl">Fit score</div><div class="num">{% if job.fit_score is not none %}{{ '%.2f'|format(job.fit_score) }}{% else %}—{% endif %}</div></div>
  <div class="card"><div class="lbl">Status</div><div class="num" style="font-size:20px"><span class="badge b-{{ job.status }}">{{ job.status }}</span></div></div>
</div>

{% if job.opinion %}
<div class="panel"><h2 style="margin-top:0">Opinion</h2><p>{{ job.opinion }}</p></div>
{% endif %}

<div class="panel">
  <h2 style="margin-top:0">Description</h2>
  <pre>{{ job.description or 'No description captured.' }}</pre>
</div>

<h2>Applications for this job</h2>
<table>
  <tr><th>#</th><th>Status</th><th>Outcome</th><th></th></tr>
  {% for a in apps %}
  <tr><td>{{ a.id }}</td><td><span class="badge b-{{ a.status }}">{{ a.status }}</span></td>
  <td class="muted">{{ a.outcome or '—' }}</td><td><a class="btn ghost" href="/app/{{ a.id }}">Open</a></td></tr>
  {% else %}
  <tr><td colspan="4" class="muted">Nothing prepared yet.</td></tr>
  {% endfor %}
</table>
{% endblock %}