@extends('admin.layouts.app')

@section('title', 'Menü Yönetimi')
@section('page-title', 'Menü Yönetimi')

@section('content')
<div class="card admin-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Menü</th>
                    <th>Slug (TR)</th>
                    <th>Slug (EN)</th>
                    <th>Konum</th>
                    <th>Aktif</th>
                    <th>Sıra</th>
                    <th class="text-end">İşlem</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($items as $item)
                    <tr>
                        <td>{{ $item->getTranslation('label', 'tr') }}</td>
                        <td>{{ $item->getTranslation('slug', 'tr') ?: '—' }}</td>
                        <td>{{ $item->getTranslation('slug', 'en') ?: '—' }}</td>
                        <td>{{ match($item->group) { 'left' => 'Sol', 'right' => 'Sağ', 'system' => 'Sistem', default => $item->group } }}</td>
                        <td>
                            @if ($item->is_active)
                                <span class="badge text-bg-success">Aktif</span>
                            @else
                                <span class="badge text-bg-secondary">Pasif</span>
                            @endif
                        </td>
                        <td>{{ $item->sort_order }}</td>
                        <td class="text-end">
                            <a href="{{ route('admin.menu-items.edit', $item) }}" class="btn btn-sm btn-outline-secondary">Düzenle</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted py-4">Menü öğesi yok.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($items->hasPages())
        <div class="card-footer">{{ $items->links() }}</div>
    @endif
</div>
@endsection