@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</option>
                    <option value="top" {{ $menu->location=='top'?'selected':'' }}>Top</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">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 Dropdown</label>
    <div class="col-sm-6">
        <label>
            <input type="checkbox" name="has_dropdown" value="1"
                   {{ $menu->has_dropdown ? 'checked' : '' }}>
            Yes, this menu has dropdown 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