{% extends 'base.html' %}
{% block body_content %}
<div class="cards">
    <div class="card-body">
        <div class="row">
            <div class="col-12">
                <h1 class="h5">Latest Jobs</h1>
            </div>
        </div>
        {% for job in jobs %}
        <div class="row">
            <div class="col-12 border border-info">
                <div>
                    <a href="{{ job.get_absolute_url }}">{{ job.title }}</a></h4>
                </div>
                <div>
                    {% for tag in job.tags.all %}
                        <i class="fas fa-tag"></i> {{tag}}
                    {% endfor %}

                </div>
                <div>
                    <a href="{% url 'jobs:job_apply' job.pk %}">Apply</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% comment %}
<div class="card-deck mb-3 text-center">
     {% for job in jobs %}
    <div class="card mb-4 shadow-sm">
        <div class="card-header">
            <h4 class="my-0 font-weight-normal"><a href="{{ job.get_absolute_url }}">{{ job.title }}</a></h4>
        </div>
        <div class="card-body">
            <p class="card-text">{{ job.description|truncatewords_html:20 }}</p>
        </div>
        <div class="card-footer">
            <a href="{% url 'jobs:job_apply' job.pk %}" class="btn btn-lg btn-block btn-primary">Apply</a>
        </div>
    </div>
    {% endfor %}
</div>
{% endcomment %}
{% endblock %}