@foreach ($items as $item)
    <li class="dd-item" data-id="{{ $item->id }}">
        <div class="dd-handle">{{ $item->title_en }}</div>
        <div class="item-controls">
            <span class="item-type">{{ ucfirst($item->type) }}</span>
            <span class="item-order hide-if-js">
                <a href="{{ route('menus.moveUp', $item->id) }}" class="move-up">↑</a>
                <a href="{{ route('menus.moveDown', $item->id) }}" class="move-down">↓</a>
            </span>
            <span class="item-edit">
                <a href="#" class="edit-menu-item">Edit</a>
            </span>
        </div>
        <div class="edit-form" style="display: none;">
            <form action="{{ route('menus.updateMenuItem', $item->id) }}" method="POST">
                @csrf
                @method('PATCH')
                <div class="form-group">
                    <label for="title_en_{{ $item->id }}">Navigation Label (English)</label>
                    <input type="text" id="title_en_{{ $item->id }}" name="title_en"
                        value="{{ $item->title_en }}" class="form-control">
                </div>
                <div class="form-group">
                    <label for="title_np_{{ $item->id }}">Navigation Label (Nepali)</label>
                    <input type="text" id="title_np_{{ $item->id }}" name="title_np"
                        value="{{ $item->title_np }}" class="form-control">
                </div>
                @if ($item->type == 'custom')
                    <div class="form-group">
                        <label for="url_{{ $item->id }}">URL</label>
                        <input type="url" id="url_{{ $item->id }}" name="url" value="{{ $item->url }}"
                            class="form-control">
                    </div>
                @endif
                <div class="form-group">
                    <button type="submit" class="btn btn-sm btn-primary">Update</button>
                    <a href="{{ route('menus.deleteMenuItem', $item->id) }}" class="btn btn-sm btn-danger"
                        onclick="return confirm('Are you sure you want to delete this menu item?')">Delete</a>
                </div>
            </form>
        </div>
        @if (isset($item->children) && count($item->children) > 0)
            <ol class="dd-list">
                @include('Menu::partials.menu_items', ['items' => $item->children])
            </ol>
        @endif
    </li>
@endforeach