{% extends "base.html" %}
{% load static %}

{% block baslik %}{{ title }}{% endblock %}
{% block icerik %}

<div class="container mt-5">

    <div class="text-center mb-5">
        <h1>Yazarlarımız ({{ toplam_yazar }})</h1>
        <p class="text-muted">Blogumuza katkı sağlayan değerli yazarlarımız</p>
    </div>

    <div class="row g-4">
        {% for yazar in yazarlar %}
        <div class="col-md-4">
            <div class="card text-center shadow-sm h-100">
                <div class="card-body">
                    <i class="bi bi-person-circle" style="font-size:90px;"></i>
                    <h5 class="card-title mt-3">{{ yazar.full_name }}</h5>
                    <p class="text-muted">{{ yazar.title }}</p>
                    <p class="card-text">
                        {{ yazar.bio }}
                    </p>
                    <a href="{{ yazar.profile_url }}" class="btn btn-outline-primary btn-sm">Profili Gör</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>

</div>

{% endblock %}