{% extends 'seekers/base_portal.html' %}
{% load humanize %}

{% block title %}Saved Jobs{% endblock %}
{% block topbar_title %}Saved Jobs{% endblock %}

{% block dash_content %}
<div class="page-heading">
  <h1>Saved Jobs</h1>
  <p>Jobs you have bookmarked. Apply when you are ready, or remove the ones you no longer need.</p>
</div>

{% if total_saved %}
<form method="get" class="seeker-filter-bar">
  <input type="text" name="q" value="{{ search_query }}" placeholder="Search saved jobs or companies" class="form-control">
  <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-search"></i> Search</button>
  {% if search_query %}<a href="{% url 'seekers:saved' %}" class="btn btn-outline btn-sm">Clear</a>{% endif %}
</form>
{% endif %}

{% for item in saved_jobs %}
{% with job=item.job %}
<div class="saved-card">
  <div class="saved-logo">
    {{ job.company_initials }}
    {% if job.logo_url %}<img src="{{ job.logo_url }}" alt="" onerror="this.remove()">{% endif %}
  </div>
  <div class="saved-main">
    <a class="saved-title" href="{{ job.get_absolute_url }}">{{ job.title }}</a>
    <div class="saved-meta">{{ job.company_name }} &middot; {{ job.location }} &middot; {{ job.get_job_type_display }}</div>
    <div class="saved-sub">
      <span><i class="far fa-bookmark"></i> Saved {{ item.created_at|naturaltime }}</span>
      <span>{{ job.salary_display }}</span>
      {% if job.is_closed %}<span class="saved-closed">Closed</span>{% elif job.deadline %}<span>Deadline {{ job.deadline|date:"j M Y" }}</span>{% endif %}
    </div>
  </div>
  <div class="saved-actions">
    <a href="{{ job.get_absolute_url }}" class="btn btn-primary btn-sm">View job</a>
    <form method="post" action="{% url 'jobs:save' slug=job.slug %}">
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ request.get_full_path }}">
      <button type="submit" class="btn btn-outline btn-sm" title="Remove from saved"><i class="fas fa-trash-can"></i> Remove</button>
    </form>
  </div>
</div>
{% endwith %}
{% empty %}
<div class="seeker-empty-state">
  {% if search_query %}No saved jobs match your search.{% else %}You have not saved any jobs yet. Use the bookmark button on a job to save it, then find it here.{% endif %}
  <div style="margin-top:14px;"><a href="{% url 'jobs:list' %}" class="btn btn-primary btn-sm">Browse jobs</a></div>
</div>
{% endfor %}

{% include 'home/partials/list_pagination.html' %}
{% endblock %}