<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0">Kategoriler</h2>
        <div class="d-flex gap-2 align-items-center">
            <form class="d-flex" action="/admin/content/categories" method="GET">
                <input type="search" name="search" class="form-control form-control-sm me-2" placeholder="Ara..." value="{{ .Search }}">
                <button class="btn btn-sm btn-outline-secondary" type="submit"><i class="bi bi-search"></i></button>
            </form>
            <a href="/admin/categories/new" class="btn btn-sm btn-primary">Yeni Kategori</a>
            <div class="btn-group">
                <a href="/admin/content/categories" class="btn btn-sm btn-outline-primary {{ if not .ShowDeleted }}active{{ end }}">Aktif</a>
                <a href="/admin/content/categories?deleted=true" class="btn btn-sm btn-outline-danger {{ if .ShowDeleted }}active{{ end }}">Silinenler</a>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm">
        <div class="card-body p-3">
            <div class="table-responsive">
                <table class="table table-hover table-sm align-middle">
                    <thead class="bg-transparent text-muted small">
                        <tr>
                            <th>Başlık</th>
                            <th class="text-muted">Slug</th>
                            <th class="text-muted">Parent</th>
                            <th class="text-muted">Oluşturma</th>
                            <th class="text-end text-muted">İşlemler</th>
                        </tr>
                    </thead>
                    <tbody>
                        {{ if .Categories }}
                        {{ range .Categories }}
                        <tr>
                            <td class="fw-semibold">{{ .Title }}</td>
                            <td class="text-secondary small text-nowrap">{{ .Slug }}</td>
                            <td>
                                {{ if .Parent }}
                                    <span class="badge bg-secondary">{{ .Parent.Title }}</span>
                                {{ else }}
                                    <span class="text-muted">-</span>
                                {{ end }}
                            </td>
                            <td class="text-muted small">{{ .CreatedAt.Format "2006-01-02" }}</td>
                            <td class="text-end">
                                <div class="btn-group" role="group">
                                    {{ if $.ShowDeleted }}
                                    <form action="/admin/categories/{{ .ID }}/restore" method="POST">
                                        <button class="btn btn-sm btn-success" title="Geri Yükle"><i class="bi bi-arrow-counterclockwise"></i></button>
                                    </form>
                                    {{ else }}
                                    <a href="/admin/categories/{{ .ID }}/edit" class="btn btn-sm btn-outline-secondary" title="Düzenle"><i class="bi bi-pencil"></i></a>
                                    <form action="/admin/categories/{{ .ID }}/delete" method="POST" onsubmit="return confirmDelete(event, this);">
                                        <button class="btn btn-sm btn-outline-danger" title="Sil"><i class="bi bi-trash"></i></button>
                                    </form>
                                    {{ end }}
                                </div>
                            </td>
                        </tr>
                        {{ end }}
                        {{ else }}
                        <tr>
                            <td colspan="5" class="text-center text-muted py-4">Kayıt yok</td>
                        </tr>
                        {{ end }}
                    </tbody>
                </table>
            </div>
            <!-- Pagination -->
            {{ if gt .TotalPages 1 }}
            <div class="d-flex justify-content-end mt-3">
                <nav>
                    <ul class="pagination pagination-sm mb-0">
                        <li class="page-item {{ if eq .Page 1 }}disabled{{ end }}"><a class="page-link" href="/admin/content/categories?page={{ .PrevPage }}">&laquo; Önceki</a></li>
                        <li class="page-item disabled"><span class="page-link">Sayfa {{ .Page }} / {{ .TotalPages }}</span></li>
                        <li class="page-item {{ if eq .Page .TotalPages }}disabled{{ end }}"><a class="page-link" href="/admin/content/categories?page={{ .NextPage }}">Sonraki &raquo;</a></li>
                    </ul>
                </nav>
            </div>
            {{ end }}
        </div>
    </div>
</div>
