File size: 2,516 Bytes
504df0f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
bb4f7d7
504df0f
 
bb4f7d7
504df0f
 
 
 
 
 
3c4bd31
 
 
 
 
504df0f
 
3c4bd31
504df0f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
{% extends "base.html" %}

{% block title %}Available Jobs - Codingo{% endblock %}

{% block hero %}
<section class="hero" style="padding: 3rem 1rem;">
    <div class="container">
        <div class="hero-content">
            <h1>Find Your Perfect Tech Role</h1>
            <p>Browse our curated selection of tech positions and let LUNA match your skills to the right opportunity.</p>
        </div>
    </div>
</section>
{% endblock %}

{% block content %}
<section class="content-section">
    <div class="section-title">
        <h2>Available Positions</h2>
        <p>Discover opportunities that match your expertise and career goals</p>
    </div>
    
    <!-- <ul class="breadcrumbs">
        <li><a href="{{ url_for('index') }}">Home</a></li>
        <li>Jobs</li>
    </ul> -->
    
    <div class="job-grid">
        {% if jobs %}
            {% for job in jobs %}
                <div class="job-card">
                    <div class="job-header">
                        <!-- Use the Job model's fields instead of undefined 'title' and 'location'.
                             Each job has a 'role' (job title), 'company' and 'seniority' (e.g. Junior/Mid/Senior).
                             The previous template referenced 'job.title' and 'job.location' which do not exist on
                             our SQLAlchemy model and caused rendering errors. -->
                        <h3>{{ job.role }}</h3>
                        <div class="job-info">
                            <span>{{ job.company }}</span>
                            <span>{{ job.seniority }}</span>
                        </div>
                    </div>
                    <div class="job-body">
                        <div class="job-description">
                            <p>{{ job.description[:150] }}{% if job.description|length > 150 %}...{% endif %}</p>
                        </div>
                        <div>Posted: {{ job.date_posted.strftime('%B %d, %Y') }}</div>
                    </div>
                    <div class="job-footer">
                        <a href="{{ url_for('job_detail', job_id=job.id) }}" class="btn btn-primary">View Details</a>
                    </div>
                </div>
            {% endfor %}
        {% else %}
            <div class="card">
                <div class="card-body">
                    <p>No jobs available at the moment. Please check back later.</p>
                </div>
            </div>
        {% endif %}
    </div>
</section>
{% endblock %}