{% comment %}
Apply actions for job detail pages. Supports PezaJob-only, external-only, or both.

Usage: {% include 'jobs/partials/apply_actions.html' with layout='bar' %}
{% endcomment %}
{% if layout == 'bar' %}
<div style="display:flex;gap:10px;flex:1;flex-wrap:wrap;align-items:stretch;">
{% else %}
<div style="display:flex;flex-direction:column;gap:10px;margin-bottom:10px;">
{% endif %}

  {% if apply_both_methods %}
    {% if user.is_authenticated and user.is_seeker %}
    <button type="button" class="btn btn-primary btn-apply{% if layout == 'bar' %} btn-lg{% endif %}" data-modal="apply-modal" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-paper-plane"></i> Apply through PezaJob
    </button>
    {% elif user.is_authenticated %}
    <a href="{% url 'accounts:register' %}" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">Register as Job Seeker</a>
    {% else %}
    <a href="{% url 'accounts:login' %}?next={{ request.path|urlencode }}" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-paper-plane"></i> Apply through PezaJob
    </a>
    {% endif %}
    {% if layout == 'bar' %}
    <div style="display:flex;align-items:center;color:var(--text-muted);font-size:0.82rem;font-weight:700;padding:0 4px;">OR</div>
    {% else %}
    <div style="text-align:center;color:var(--text-muted);font-size:0.82rem;font-weight:700;padding:4px 0;">OR</div>
    {% endif %}
    {% if apply_email %}
    <a href="mailto:{{ apply_email }}?subject=Application%20for%20{{ job.title|urlencode }}" class="btn btn-outline{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-envelope"></i> Apply by Email
    </a>
    {% else %}
    <a href="#how-to-apply-external" class="btn btn-outline{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-envelope"></i> Apply by Email
    </a>
    {% endif %}

  {% elif apply_via_pezajob %}
    {% if user.is_authenticated and user.is_seeker %}
    <button type="button" class="btn btn-primary btn-apply{% if layout == 'bar' %} btn-lg{% endif %}" data-modal="apply-modal" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-paper-plane"></i> Apply through PezaJob
    </button>
    {% elif user.is_authenticated %}
    <a href="{% url 'accounts:register' %}" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">Register as Job Seeker to Apply</a>
    {% elif apply_requires_account %}
    <a href="{% url 'accounts:login' %}?next={{ request.path|urlencode }}" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-paper-plane"></i> Apply through PezaJob
    </a>
    {% else %}
    <button type="button" class="btn btn-primary btn-apply{% if layout == 'bar' %} btn-lg{% endif %}" data-modal="guest-apply-modal" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-paper-plane"></i> Apply
    </button>
    {% endif %}

  {% elif apply_via_external %}
    {% if apply_email %}
    <a href="mailto:{{ apply_email }}?subject=Application%20for%20{{ job.title|urlencode }}" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-envelope"></i> Apply by Email
    </a>
    {% else %}
    <a href="#how-to-apply-external" class="btn btn-primary{% if layout == 'bar' %} btn-lg{% endif %}" style="{% if layout == 'bar' %}flex:1;min-width:200px{% else %}width:100%{% endif %}">
      <i class="fas fa-envelope"></i> How to Apply
    </a>
    {% endif %}
  {% endif %}

</div>