@extends('layouts.app')

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

@section('content')
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h4 mb-1">Form Menü Yönetimi</h1>
        <p class="text-muted mb-0">Formları panelde istediğiniz menü altına ekleyin.</p>
    </div>
</div>

@if (request()->query('saved'))
    <div class="alert alert-soft">Menü kaydedildi.</div>
@elseif (request()->query('updated'))
    <div class="alert alert-soft">Menü güncellendi.</div>
@elseif (request()->query('deleted'))
    <div class="alert alert-soft">Menü silindi.</div>
@elseif (request()->query('error'))
    <div class="alert alert-danger">İşlem sırasında hata oluştu.</div>
@endif
@if (is_object($errors) && $errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@elseif (is_array($errors) && count($errors) > 0)
    <div class="alert alert-danger">{{ reset($errors) }}</div>
@endif

@if (!$ready)
    <div class="alert alert-danger">Form menü tablosu hazır değil. Migration çalıştırın.</div>
@else
    <div class="row g-4">
        <div class="col-12 col-xl-5">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ $editGroup ? 'Alt Menü Güncelle' : 'Alt Menü Ekle' }}</h5>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin.form-menus.groups.store') }}" class="vstack gap-3">
                        @csrf
                        @if ($editGroup)
                            <input type="hidden" name="id" value="{{ (int) $editGroup->id }}">
                        @endif
                        <div>
                            <label class="form-label">Alt Menü Başlığı</label>
                            <input type="text" name="title" class="form-control" required value="{{ old('title', $editGroup->title ?? '') }}">
                        </div>
                        <div>
                            <label class="form-label">Modül</label>
                            <select name="module_key" class="form-select" required>
                                <option value="">Seçiniz</option>
                                @foreach ($moduleOptions as $moduleKey => $moduleLabel)
                                    <option value="{{ $moduleKey }}"
                                        {{ (string) old('module_key', $editGroup->module_key ?? '') === (string) $moduleKey ? 'selected' : '' }}>
                                        {{ $moduleLabel }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="form-label">İkon (Bootstrap Icons)</label>
                            <input type="text" name="icon" class="form-control" placeholder="bi bi-folder2"
                                   value="{{ old('icon', $editGroup->icon ?? '') }}">
                            <div class="text-muted small mt-1">Boş bırakılırsa varsayılan ikon kullanılır.</div>
                        </div>
                        <div>
                            <label class="form-label">Sıra</label>
                            <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $editGroup->sort_order ?? 0) }}">
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_active" id="group_is_active"
                                   {{ (int) old('is_active', $editGroup->is_active ?? 1) === 1 ? 'checked' : '' }}>
                            <label class="form-check-label" for="group_is_active">Aktif</label>
                        </div>
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">{{ $editGroup ? 'Güncelle' : 'Ekle' }}</button>
                            @if ($editGroup)
                                <a href="{{ route('admin.form-menus.index') }}" class="btn btn-outline-secondary">Vazgeç</a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-7">
            <div class="card h-100">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">Alt Menü Listesi</h5>
                        <span class="text-muted small">Toplam {{ $groups->count() }} kayıt</span>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table align-middle table-hover mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>Başlık</th>
                                <th>Modül</th>
                                <th>Durum</th>
                                <th>Sıra</th>
                                <th class="text-end">İşlem</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($groups as $group)
                                <tr>
                                    <td>{{ $group->title }}</td>
                                    <td>{{ $moduleOptions[$group->module_key] ?? $group->module_key }}</td>
                                    <td>{{ (int) $group->is_active === 1 ? 'Aktif' : 'Pasif' }}</td>
                                    <td>{{ (int) $group->sort_order }}</td>
                                    <td class="text-end">
                                        <div class="d-inline-flex align-items-center gap-2">
                                            <a href="{{ route('admin.form-menus.index', ['group_edit' => $group->id]) }}" class="btn btn-sm btn-outline-primary">Düzenle</a>
                                            <form method="post" action="{{ route('admin.form-menus.groups.toggle') }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ (int) $group->id }}">
                                                <input type="hidden" name="action" value="{{ (int) $group->is_active === 1 ? 'deactivate' : 'activate' }}">
                                                <button type="submit"
                                                        class="btn btn-sm {{ (int) $group->is_active === 1 ? 'btn-outline-danger' : 'btn-outline-success' }}"
                                                        onclick="return confirm('Alt menü durumu güncellensin mi?');">
                                                    {{ (int) $group->is_active === 1 ? 'Pasif Et' : 'Aktif Et' }}
                                                </button>
                                            </form>
                                            <form method="post" action="{{ route('admin.form-menus.groups.delete') }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ (int) $group->id }}">
                                                <button type="submit" class="btn btn-sm btn-outline-danger">Sil</button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-muted">Henüz alt menü eklenmedi.</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-4 mt-1">
        <div class="col-12 col-xl-5">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">{{ $editEntry ? 'Form Menüsü Güncelle' : 'Form Menüsü Ekle' }}</h5>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin.form-menus.store') }}" class="vstack gap-3">
                        @csrf
                        @if ($editEntry)
                            <input type="hidden" name="id" value="{{ (int) $editEntry->id }}">
                        @endif
                        <div>
                            <label class="form-label">Menü Başlığı</label>
                            <input type="text" name="title" class="form-control" required value="{{ old('title', $editEntry->title ?? '') }}">
                        </div>
                        <div>
                            <label class="form-label">Form Şablonu</label>
                            <select name="form_template_id" class="form-select" required>
                                <option value="">Seçiniz</option>
                                @foreach ($templates as $template)
                                    <option value="{{ (int) $template->id }}"
                                        {{ (int) old('form_template_id', $editEntry->form_template_id ?? 0) === (int) $template->id ? 'selected' : '' }}>
                                        {{ $template->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                                                <div>
                            <label class="form-label">Alt Menü</label>
                            <select name="form_menu_group_id" class="form-select" required>
                                <option value="">Seçiniz</option>
                                @foreach ($groups as $group)
                                    @php
                                        $groupLabel = $moduleOptions[$group->module_key] ?? $group->module_key;
                                        $groupLabel .= ' - ' . $group->title;
                                    @endphp
                                    <option value="{{ (int) $group->id }}"
                                        {{ (int) old('form_menu_group_id', $editEntry->form_menu_group_id ?? 0) === (int) $group->id ? 'selected' : '' }}>
                                        {{ $groupLabel }}
                                    </option>
                                @endforeach
                            </select>
                            @if ($groups->isEmpty())
                                <div class="text-muted small mt-1">Önce alt menü oluşturun.</div>
                            @endif
                        </div>
                        <div>
                            <label class="form-label">İkon (Bootstrap Icons)</label>
                            <input type="text" name="icon" class="form-control" placeholder="bi bi-file-earmark-text"
                                   value="{{ old('icon', $editEntry->icon ?? '') }}">
                            <div class="text-muted small mt-1">Boş bırakılırsa varsayılan ikon kullanılır.</div>
                        </div>
                        <div>
                            <label class="form-label">Sıra</label>
                            <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $editEntry->sort_order ?? 0) }}">
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_active" id="is_active"
                                   {{ (int) old('is_active', $editEntry->is_active ?? 1) === 1 ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">Aktif</label>
                        </div>
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">{{ $editEntry ? 'Güncelle' : 'Ekle' }}</button>
                            @if ($editEntry)
                                <a href="{{ route('admin.form-menus.index') }}" class="btn btn-outline-secondary">Vazgeç</a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-7">
            <div class="card h-100">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0">Form Menü Listesi</h5>
                        <span class="text-muted small">Toplam {{ $menuLinks->count() }} kayıt</span>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table align-middle table-hover mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>Başlık</th>
                                <th>Alt Menü</th>
                                <th>Modül</th>
                                <th>Form</th>
                                <th>Durum</th>
                                <th>Sıra</th>
                                <th class="text-end">İşlem</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($menuLinks as $link)
                                @php
                                    $groupLabel = $link->group_title ?? 'Alt Menü';
                                    $moduleLabel = $moduleOptions[$link->group_module] ?? ($link->menu_group ?? '-');
                                    $templateLabel = $link->template_name ?? 'Form';
                                @endphp
                                <tr>
                                    <td>{{ $link->title }}</td>
                                    <td>{{ $groupLabel }}</td>
                                    <td>{{ $moduleLabel }}</td>
                                    <td>{{ $templateLabel }}</td>
                                                                        <td>{{ (int) $link->is_active === 1 ? 'Aktif' : 'Pasif' }}</td>
                                    <td>{{ (int) $link->sort_order }}</td>
                                    <td class="text-end">
                                        <div class="d-inline-flex align-items-center gap-2">
                                            <a href="{{ route('admin.form-menus.index', ['edit' => $link->id]) }}" class="btn btn-sm btn-outline-primary">Düzenle</a>
                                            <form method="post" action="{{ route('admin.form-menus.toggle') }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ (int) $link->id }}">
                                                <input type="hidden" name="action" value="{{ (int) $link->is_active === 1 ? 'deactivate' : 'activate' }}">
                                                <button type="submit"
                                                        class="btn btn-sm {{ (int) $link->is_active === 1 ? 'btn-outline-danger' : 'btn-outline-success' }}"
                                                        onclick="return confirm('Menü durumu güncellensin mi?');">
                                                    {{ (int) $link->is_active === 1 ? 'Pasif Et' : 'Aktif Et' }}
                                                </button>
                                            </form>
                                            <form method="post" action="{{ route('admin.form-menus.delete') }}" class="d-inline">
                                                @csrf
                                                <input type="hidden" name="id" value="{{ (int) $link->id }}">
                                                <button type="submit" class="btn btn-sm btn-outline-danger">Sil</button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-muted">Henüz menü eklenmedi.</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
@endsection