@extends('layouts.cmsapp')

@section('cms_content')

    <div class="main-content">

        <h1 class="page-title">Edit Menu</h1>
        <div class="line-dashed"></div>

        <form method="POST" action="{{ route('menu.update', $menu->id) }}" class="form-horizontal">
            @csrf
            @method('PUT')

            <div class="form-group">
                <label class="col-sm-2 control-label">Menu Title</label>
                <div class="col-sm-6">
                    <input type="text" name="menu_title" value="{{ $menu->menu_title }}" class="form-control" required>
                </div>
            </div>
{{-- 
            <div class="form-group">
                <label class="col-sm-2 control-label">Menu Type</label>
                <div class="col-sm-6">
                    <input type="text" name="menu_type" value="{{ $menu->menu_type }}" class="form-control" required>
                </div>
            </div> --}}

            <div class="form-group">
                <label class="col-sm-2 control-label">Location</label>
                <div class="col-sm-3">
                    <select name="location" class="form-control" required>
                        <option value="header" {{ $menu->location == 'header' ? 'selected' : '' }}>Header Menu</option>
                        <option value="top" {{ $menu->location == 'top' ? 'selected' : '' }}>Top Navbar</option>
                    </select>
                </div>
            </div>
            {{-- Target Type --}}
            {{-- <div class="form-group">
                <label class="col-sm-2 control-label">Link Type</label>
                <div class="col-sm-4">
                    <select name="target_type" class="form-control" required>
                        <option value="page" {{ $menu->target_type === 'page' ? 'selected' : '' }}>
                            CMS Page
                        </option>
                        <option value="route" {{ $menu->target_type === 'route' ? 'selected' : '' }}>
                            Laravel Route
                        </option>
                        <option value="external" {{ $menu->target_type === 'external' ? 'selected' : '' }}>
                            External URL
                        </option>
                    </select>
                </div>
            </div> --}}

            {{-- <div class="form-group">
                <label class="col-sm-2 control-label">Route</label>
                <div class="col-sm-6">
                    <input type="text" name="route" value="{{ $menu->route }}" class="form-control">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Open in New Tab</label>
                <div class="col-sm-6">
                    <label>
                        <input type="checkbox" name="open_in_new_tab" value="1" {{ $menu->open_in_new_tab ? 'checked' : '' }}>
                        Yes
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">Icon</label>
                <div class="col-sm-6">
                    <input type="text" name="icon" value="{{ $menu->icon }}" class="form-control">
                </div>
            </div> --}}

            <div class="form-group">
                <label class="col-sm-2 control-label">Priority</label>
                <div class="col-sm-2">
                    <input type="number" name="priority" value="{{ $menu->priority }}" class="form-control" required>
                </div>
            </div>
            {{-- Has Dropdown --}}
            <div class="form-group">
                <label class="col-sm-2 control-label">Has Submenu</label>
                <div class="col-sm-6">
                    <label>
                        <input type="checkbox" name="has_dropdown" value="1" {{ $menu->has_dropdown ? 'checked' : '' }}>
                        Yes, this menu has submenu items
                    </label>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-4 col-sm-offset-2">
                    <button class="btn btn-primary">Update Menu</button>
                </div>
            </div>
        </form>

    </div>

@endsection