{% extends 'frontend/base.html' %}

{% block title %}Opportunities{% endblock %}

{% block content %}
<h1 class="text-3xl font-bold mb-6">Opportunities</h1>
<div class="space-y-6">
    {% for opportunity in opportunities %}
    <div class="bg-white rounded-lg shadow-md p-6">
        <h2 class="text-xl font-bold">{{ opportunity.title }}</h2>
        <p class="text-gray-600 mt-2">{{ opportunity.description }}</p>
        <p class="text-sm text-gray-500 mt-4">Posted on: {{ opportunity.created_at|date:"F d, Y" }}</p>
    </div>
    {% endfor %}
</div>
{% endblock %}
