{% load humanize %}
<div class="job-card{% if not compact %} job-card--list{% endif %}">
  {% if not compact %}<div class="job-card-body">{% endif %}
    <div class="job-card-header">
      <div class="job-company-info">
        {% include 'jobs/partials/job_logo.html' with css_class='company-logo-sm' %}
        <div>
          <div class="job-company-name">{{ job.company_name }}</div>
          <div class="job-company-location"><i class="fas fa-map-marker-alt"></i> {{ job.location }}</div>
        </div>
      </div>
      {% if job.is_closed %}
      <span class="badge badge-closed">Closed</span>
      {% elif job.is_ongoing %}
      <span class="badge badge-ongoing">Ongoing</span>
      {% elif job.badge == 'hot' %}
      <span class="badge badge-hot"><i class="fas fa-fire"></i> Hot</span>
      {% elif job.badge == 'new' %}
      <span class="badge badge-new">New</span>
      {% elif job.badge == 'premium' %}
      <span class="badge badge-premium"><i class="fas fa-crown"></i> Premium</span>
      {% elif job.is_featured %}
      <span class="badge badge-premium"><i class="fas fa-star"></i> Featured</span>
      {% elif job.deadline %}
      <span class="badge badge-open"><i class="fas fa-circle-check"></i> Open</span>
      {% endif %}
    </div>
    <div class="job-title" title="{{ job.title }}">{{ job.title }}</div>
    <div class="job-meta">
      <span class="job-meta-tag"><i class="fas fa-briefcase"></i> {{ job.get_job_type_display }}</span>
      <span class="job-meta-tag"><i class="fas fa-layer-group"></i> {{ job.experience_display }}</span>
      {% if not compact %}
      <span class="job-meta-tag"><i class="fas fa-map-marker-alt"></i> {{ job.location|truncatewords:2 }}</span>
      {% if job.category %}
      <span class="job-meta-tag"><i class="fas fa-tag"></i> {{ job.category.numbered_name }}</span>
      {% endif %}
      {% endif %}
    </div>
    {% if job.salary_display != 'Negotiable' %}
    <div class="job-salary">{{ job.salary_display }}{% if job.salary_display != 'Negotiable' %} <span>/ month</span>{% endif %}</div>
    {% endif %}
  {% if not compact %}</div>{% endif %}
  <div class="job-card-footer">
    <span class="job-date"><i class="fas fa-calendar"></i> {{ job.created_at|naturaltime }}</span>
    <div class="job-actions">
      {% if user.is_authenticated %}
      <form method="post" action="{% url 'jobs:save' slug=job.slug %}" style="display:inline;">
        {% csrf_token %}
        <input type="hidden" name="next" value="{{ request.get_full_path }}">
        <button type="submit" class="btn btn-sm btn-outline" title="Save job">
          <i class="{% if saved_ids and job.id in saved_ids %}fas{% else %}far{% endif %} fa-bookmark"></i>
        </button>
      </form>
      {% else %}
      <a href="{% url 'accounts:login' %}?next={{ job.get_absolute_url|urlencode }}" class="btn btn-sm btn-outline" title="Save job">
        <i class="far fa-bookmark"></i>
      </a>
      {% endif %}
      <a href="{{ job.get_absolute_url }}" class="btn btn-sm btn-primary">{% if compact %}View Job{% else %}View{% endif %}</a>
    </div>
  </div>
</div>