{% extends 'base.html' %}
{% load static %}

{% block content %}
<div class="container py-5">
    <div class="row">
        <div class="col-lg-8">
            <h1>{{ job.title }}</h1>
            <p class="text-muted">
                <i class="fas fa-map-marker-alt"></i> {{ job.location }} &nbsp;
                <i class="fas fa-briefcase"></i> {{ job.get_job_type_display }}
                {% if job.salary %} &nbsp; <i class="fas fa-money-bill"></i> {{ job.salary }}{% endif %}
            </p>

            <div class="card shadow-sm mb-4">
                <div class="card-body">
                    <h5>Job Description</h5>
                    <p>{{ job.description|linebreaks }}</p>

                    <h5>Requirements</h5>
                    <p>{{ job.requirements|linebreaks }}</p>

                    {% if job.responsibilities %}
                    <h5>Responsibilities</h5>
                    <p>{{ job.responsibilities|linebreaks }}</p>
                    {% endif %}

                    {% if job.benefits %}
                    <h5>Benefits</h5>
                    <p>{{ job.benefits|linebreaks }}</p>
                    {% endif %}

                    <a href="{% url 'job_apply' job.slug %}" class="btn btn-primary btn-lg mt-3">Apply Now</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}