@extends('admin.layouts.app')

@section('title', 'Menyu idarəsi')

@section('content')
<div class="admin-header-row">
    <div>
        <h1 class="admin-title">Menyu idarəsi</h1>
        <p class="admin-page-description">Saytın yuxarı menyusunu və footer linklərini buradan sadə formada idarə edin.</p>
    </div>
    <a href="{{ route('admin.menus.create') }}" class="admin-btn admin-btn-primary">+ Menyu əlavə et</a>
</div>

<div class="admin-card">
    <div class="admin-header-row">
        <div>
            <h2 class="admin-section-title">Yuxarı menyu</h2>
            <p class="admin-page-description">Əsas menyular və onların alt menyuları.</p>
        </div>
        <a href="{{ route('admin.menus.create') }}" class="admin-btn admin-btn-primary">+ Əsas menyu</a>
    </div>

    <div class="menu-builder-grid">
        @forelse($headerMenus as $menu)
            <section class="menu-builder-column">
                <div class="menu-builder-title">
                    <div>
                        <strong>{{ $menu->title }}</strong>
                        <span>Əsas menyu</span>
                    </div>
                    <div class="admin-actions">
                        <a href="{{ route('admin.menus.create', ['parent' => $menu->id]) }}" class="admin-btn admin-btn-primary">+ Alt menyu</a>
                        <a href="{{ route('admin.menus.edit', $menu) }}" class="admin-btn admin-btn-secondary">Dəyiş</a>
                        <form method="POST" action="{{ route('admin.menus.destroy', $menu) }}" onsubmit="return confirm('Bu əsas menyu və alt menyuları silinsin?')">
                            @csrf
                            @method('DELETE')
                            <button class="admin-btn admin-btn-danger">Sil</button>
                        </form>
                    </div>
                </div>

                <div class="menu-builder-children">
                    @forelse($menu->children as $child)
                        <div>
                            <span>{{ $child->title }}</span>
                            <div class="admin-actions">
                                <a href="{{ route('admin.menus.edit', $child) }}">Dəyiş</a>
                                <form method="POST" action="{{ route('admin.menus.destroy', $child) }}" onsubmit="return confirm('Alt menyu silinsin?')">
                                    @csrf
                                    @method('DELETE')
                                    <button class="admin-link-danger">Sil</button>
                                </form>
                            </div>
                        </div>
                    @empty
                        <p>Bu əsas menyunun altında alt menyu yoxdur.</p>
                    @endforelse
                </div>
            </section>
        @empty
            <p>Hələ yuxarı menyu yaradılmayıb.</p>
        @endforelse
    </div>
</div>

<div class="admin-card">
    <div class="admin-header-row">
        <div>
            <h2 class="admin-section-title">Footer linkləri</h2>
            <p class="admin-page-description">Saytın ən aşağı hissəsində görünən linklər.</p>
        </div>
        <a href="{{ route('admin.menus.create', ['area' => 'footer']) }}" class="admin-btn admin-btn-primary">+ Footer linki</a>
    </div>

    <div class="footer-menu-list">
        @forelse($footerMenus as $menu)
            <div>
                <span>{{ $menu->title }}</span>
                <div class="admin-actions">
                    <a href="{{ route('admin.menus.edit', $menu) }}" class="admin-btn admin-btn-secondary">Dəyiş</a>
                    <form method="POST" action="{{ route('admin.menus.destroy', $menu) }}" onsubmit="return confirm('Footer linki silinsin?')">
                        @csrf
                        @method('DELETE')
                        <button class="admin-btn admin-btn-danger">Sil</button>
                    </form>
                </div>
            </div>
        @empty
            <p>Hələ footer linki yoxdur.</p>
        @endforelse
    </div>
</div>
@endsection