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

{% block title %}Profiles{% endblock %}

{% block content %}
<h1 class="text-3xl font-bold mb-6">Profiles</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
    {% for profile in profiles %}
    <div class="bg-white rounded-lg shadow-md p-6">
        <h2 class="text-xl font-bold">{{ profile.user.username }}</h2>
        <p class="text-gray-600">{{ profile.industry }}</p>
        <p class="mt-4">{{ profile.bio }}</p>
        <div class="mt-4">
            {% for tag in profile.tags.all %}
            <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">{{ tag.name }}</span>
            {% endfor %}
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}
