@extends('admin.layouts.app')

@section('title', 'Menü Düzenle')
@section('page-title', 'Menü Düzenle')

@section('content')
<div class="card admin-card">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.menu-items.update', $menuItem) }}">
            @csrf @method('PUT')

            <div class="row g-3 mb-3">
                <div class="col-md-4">
                    <label class="form-label">Anahtar</label>
                    <input type="text" class="form-control" value="{{ $menuItem->key }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Rota</label>
                    <input type="text" class="form-control" value="{{ $menuItem->route_name }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Konum</label>
                    <select name="group" class="form-select" {{ $menuItem->group === 'system' ? 'disabled' : '' }}>
                        <option value="left" @selected(old('group', $menuItem->group) === 'left')>Sol menü</option>
                        <option value="right" @selected(old('group', $menuItem->group) === 'right')>Sağ menü</option>
                        <option value="system" @selected(old('group', $menuItem->group) === 'system')>Sistem</option>
                    </select>
                    @if ($menuItem->group === 'system')
                        <input type="hidden" name="group" value="system">
                    @endif
                </div>
            </div>

            @foreach ($languages as $language)
                <h3 class="h6 text-muted">{{ $language->native_name }}</h3>
                <div class="row g-3 mb-2">
                    <div class="col-md-6">
                        <label class="form-label">Menü Metni</label>
                        <input type="text" name="label_{{ $language->code }}" class="form-control"
                            value="{{ old('label_'.$language->code, $menuItem->getTranslation('label', $language->code, false)) }}" required>
                    </div>
                    @if ($menuItem->route_name !== 'home')
                        <div class="col-md-6">
                            <label class="form-label">URL Slug</label>
                            <input type="text" name="slug_{{ $language->code }}" class="form-control"
                                value="{{ old('slug_'.$language->code, $menuItem->getTranslation('slug', $language->code, false)) }}">
                        </div>
                    @endif
                </div>
            @endforeach

            <hr>
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label">Sıra</label>
                    <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $menuItem->sort_order) }}">
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                            {{ old('is_active', $menuItem->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_active">Aktif</label>
                    </div>
                </div>
                <div class="col-md-3 d-flex align-items-end">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="open_new_tab" value="1" id="open_new_tab"
                            {{ old('open_new_tab', $menuItem->open_new_tab) ? 'checked' : '' }}>
                        <label class="form-check-label" for="open_new_tab">Yeni sekmede aç</label>
                    </div>
                </div>
            </div>

            <div class="mt-4 d-flex gap-2">
                <button type="submit" class="btn btn-cisa btn-primary">Kaydet</button>
                <a href="{{ route('admin.menu-items.index') }}" class="btn btn-outline-secondary">İptal</a>
            </div>
        </form>
    </div>
</div>
@endsection