{% extends 'layout.html' %}

{% block title %}Öğrenci Listesi{% endblock %}

{% block content %}
  {# Başlık ve Yeni Ekle Butonu #}
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h1><i class="bi bi-people-fill me-2"></i>Öğrenci Listesi</h1>
    <a href="{{ url_for('add_student') }}" class="btn btn-success">
        <i class="bi bi-plus-lg me-1"></i> Yeni Öğrenci Ekle
    </a>
  </div>

  {# Öğrenci Tablosu #}
  {% if students %}
    <div class="card shadow-sm">
        <div class="card-body">
            <div class="table-responsive"> {# Küçük ekranlar için kaydırma #}
                <table class="table table-striped table-hover mb-0">
                  <thead class="table-light">
                    <tr>
                      <th>İsim</th>
                      <th>Sınıf</th>
                      <th class="text-end">İşlemler</th> {# İşlemleri sağa yasla #}
                    </tr>
                  </thead>
                  <tbody>
                    {% for student in students %}
                      <tr>
                        <td>
                            {# Öğrencinin avatarı varsa küçük bir resim gösterilebilir #}
                            {# <img src="{{ student.avatar | default('/static/default_avatar.png', true) }}" alt="" width="24" height="24" class="rounded-circle me-2"> #}
                            {{ student.name }}
                        </td>
                        <td>{{ student.class_name | default('Atanmamış', true) }}</td>
                        <td class="text-end action-buttons"> {# İşlemleri sağa yasla #}
                          <a href="{{ url_for('student_detail', student_internal_id=student.student_internal_id) }}" class="btn btn-sm btn-primary" title="Detayları Gör">
                              <i class="bi bi-eye-fill"></i> Detay
                          </a>
                          <a href="{{ url_for('edit_student_form', student_internal_id=student.student_internal_id) }}" class="btn btn-sm btn-warning" title="Düzenle">
                              <i class="bi bi-pencil-fill"></i> Düzenle
                           </a>
                           {# Silme butonu form içinde #}
                           <form action="{{ url_for('delete_student', student_internal_id=student.student_internal_id) }}" method="post" onsubmit="return confirm('{{ student.name }} adlı öğrenciyi ve tüm ilişkili verilerini silmek istediğinizden emin misiniz? Bu işlem geri alınamaz!');">
                                <button type="submit" class="btn btn-sm btn-danger" title="Sil">
                                    <i class="bi bi-trash-fill"></i> Sil
                                </button>
                           </form>
                        </td>
                      </tr>
                    {% endfor %}
                  </tbody>
                </table>
            </div> {# /table-responsive #}
        </div> {# /card-body #}
    </div> {# /card #}
  {% else %}
    <div class="alert alert-secondary" role="alert">
      <i class="bi bi-info-circle me-2"></i> Gösterilecek öğrenci bulunamadı. <a href="{{ url_for('add_student') }}" class="alert-link">Yeni bir öğrenci ekleyebilirsiniz</a>.
    </div>
  {% endif %}
{% endblock %}