@extends('admin.layouts.app')

@section('title', 'Haqqımızda')

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">Haqqımızda</h1>
        <p class="admin-subtitle">Saytdakı “Haqqımızda” səhifəsində görünəcək blokları buradan idarə edin.</p>
    </div>
    <a href="{{ route('admin.about-sections.create') }}" class="admin-btn admin-btn-primary">Yeni blok</a>
</div>

<div class="admin-card">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Başlıq</th>
                <th>Kiçik başlıq</th>
                <th>Şəkil</th>
                <th>Layout</th>
                <th>Sıra</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse($aboutSections as $aboutSection)
                <tr>
                    <td>{{ $aboutSection->title }}</td>
                    <td>{{ $aboutSection->eyebrow ?: '—' }}</td>
                    <td>
                        @if($aboutSection->image)
                            <img src="{{ asset('images/' . $aboutSection->image) }}" alt="" style="width:70px;height:48px;object-fit:cover;border-radius:8px">
                        @else
                            —
                        @endif
                    </td>
                    <td>{{ $aboutSection->layout }}</td>
                    <td>{{ $aboutSection->sort_order }}</td>
                    <td>{{ $aboutSection->is_active ? 'Aktiv' : 'Gizli' }}</td>
                    <td class="admin-actions">
                        <a href="{{ route('admin.about-sections.edit', $aboutSection) }}" class="admin-btn admin-btn-secondary">Dəyiş</a>
                        <form method="POST" action="{{ route('admin.about-sections.destroy', $aboutSection) }}" onsubmit="return confirm('Silinsin?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="admin-btn admin-btn-danger">Sil</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7">Hələ blok əlavə olunmayıb.</td>
                </tr>
            @endforelse
        </tbody>
    </table>

    <div class="mt-4">
        {{ $aboutSections->links() }}
    </div>
</div>
@endsection