{% extends "jobportal/base.html" %}

{% block title %}Dashboard | Job Portal{% endblock %}

{% block content %}
{% if messages %}
    {% for message in messages %}
        <div class="alert alert-info" role="alert">{{ message }}</div>
    {% endfor %}
{% endif %}

<section class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <h1 class="h3 mb-2">Welcome, {{ profile.display_name|default:request.user.username }}</h1>
        <p class="text-secondary mb-4">You are logged in as {{ profile.get_user_type_display }}.</p>

        {% if profile.user_type == "recruiter" %}
            <div class="row g-3">
                <div class="col-md-6">
                    <a href="{% url 'my_jobs' %}" class="text-decoration-none text-dark">
                        <div class="border rounded p-3 h-100">
                            <div class="text-secondary small">Jobs posted</div>
                            <div class="fs-3 fw-bold">{{ jobs_count }}</div>
                        </div>
                    </a>
                </div>
                <div class="col-md-6">
                    <div class="border rounded p-3 h-100">
                        <div class="text-secondary small">Next action</div>
                        <a class="btn btn-primary mt-2" href="{% url 'job_post' %}">Post a Job</a>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="border rounded p-3 h-100">
                        <div class="text-secondary small">Applications submitted</div>
                        <div class="fs-3 fw-bold ">{{ applications_count }}</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="border rounded p-3 h-100">
                        <div class="text-secondary small">Next action</div>
                        <a class="btn btn-primary mt-2" href="{% url 'apply_jobs' %}">Search Jobs</a>
                    </div>
                </div>
            </div>
        {% endif %}

        <a class="btn btn-outline-primary mt-4" href="{% url 'matches' %}">View Skill Matches</a>
    </div>
</section>
{% endblock %}