{% extends "base.html" %}
{% block title %}View Job Seeker{% endblock %}
{% block content %}
<div class="container">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h3>{{ user.full_name }}</h3>
            <p>{{ user.email }} | {{ profile.phone }}</p>
        </div>
        <div class="card-body">
            <p><strong>Address:</strong> {{ profile.address }}</p>
            <p><strong>Profile Completion:</strong> {{ completeness }}%</p>
            <h5>Categories</h5>
            <ul>{% for cat in categories %}<li>{{ cat.category.name }}</li>{% endfor %}</ul>
            <h5>Education</h5>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead><tr><th>Degree</th><th>Field</th><th>Institution</th><th>Period</th></tr></thead>
                    <tbody>{% for e in education %}<tr><td>{{ e.degree }}</td><td>{{ e.field_of_study }}</td><td>{{ e.institution }}</td><td>{{ e.start_date }} - {{ e.end_date }}</td></tr>{% endfor %}</tbody>
                </table>
            </div>
            <h5>Work Experience</h5>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead><tr><th>Position</th><th>Company</th><th>Period</th><th>Description</th></tr></thead>
                    <tbody>{% for w in work_experience %}<tr><td>{{ w.position }}</td><td>{{ w.company_name }}</td><td>{{ w.start_date }} - {{ w.end_date }}</td><td>{{ w.description }}</td></tr>{% endfor %}</tbody>
                </table>
            </div>
            <h5>References</h5>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead><tr><th>Name</th><th>Position</th><th>Company</th><th>Email</th><th>Phone</th></tr></thead>
                    <tbody>{% for r in references %}<tr><td>{{ r.name }}</td><td>{{ r.position }}</td><td>{{ r.company }}</td><td>{{ r.email }}</td><td>{{ r.phone }}</td></tr>{% endfor %}</tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
            <a href="{{ url_for('admin_dashboard') }}" class="btn btn-secondary">Back to Dashboard</a>
        </div>
    </div>
</div>
{% endblock %}