@extends("admin.main")
@section("content")
    @if(auth()->guard('admins')->user()->can('add menu'))
        <div class="card card-outline card-primary">
            <form action="{{ route('menu.store') }}" method="post">
                @csrf
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Tiêu đề</label>
                                <input type="text" class="form-control" name="title" placeholder="Enter ...">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Danh mục</label>
                                <select name="parent_id" class="form-control">
                                    <option value="">-- No Parent --</option>
                                    @foreach($parentMenuOptions as $parent)
                                        <option value="{{ $parent['id'] }}"
                                            {{ old('parent_id', isset($menu) ? $menu->parent_id : null) == $parent['id'] ? 'selected' : '' }}>
                                            {{ $parent['title'] }}
                                        </option>
                                    @endforeach
                                </select>

                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Đường dẫn</label>
                                <input type="text" class="form-control" name="slug" placeholder="Enter ...">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>iCon</label>
                                <input type="text" class="form-control" name="icon" placeholder="Enter ...">
                            </div>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Trạng thái</label>
                                <div class="form-group">
                                    <div class="form-check">
                                        <input class="form-check-input" value="1" id="active" type="radio"
                                               name="is_active" checked>
                                        <label class="form-check-label" for="active">Kích hoạt</label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" value="0" id="deactive" type="radio"
                                               name="is_active">
                                        <label class="form-check-label" for="deactive">Không kích hoạt</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Tên Route</label>
                                <input type="text" class="form-control" name="route_name"
                                       placeholder="Enter ...">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Vị trí</label>
                                <input type="number" class="form-control" name="sort_by" min="1"
                                       placeholder="Enter ...">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <button type="submit" class="btn btn-success">Lưu thông tin</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Payment
                management department</h5>
        </div>
    @endif
@endsection