@extends('admin::layouts.master')
@section('content')
    <div class="row">
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-header border-0 pb-0">
                    @include('admin::partials.page-header', [
                        'pageTitle' => 'Add Menu',
                    ])
                    <div class="card-body pt-0">
                        <div class="row padd-bot-one">
                            <div class="col-md-12">
                                <form class="form" role="post-data" method="POST" action="/api/admin/menus"
                                    redirect="/admin/menus">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-12 col-12">
                                            <div class="row">
                                                <div class="col-md-3 col-6">
                                                    <div class="form-group">
                                                        <label for="text">Name<span class="text-danger">*</span></label>
                                                        <input type="text" name="name" class="form-control"
                                                            placeholder="Enter Name" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-6">
                                                    <div class="form-group">
                                                        <label for="text">URI<span class="text-danger">*</span></label>
                                                        <input type="text" name="uri" class="form-control"
                                                            placeholder="Enter URI" />
                                                    </div>
                                                </div>

                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">Route Name<span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" name="route_name" class="form-control"
                                                            placeholder="Enter Route Name" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">Icon</label>
                                                        <input type="text" name="icon" class="form-control"
                                                            placeholder="Enter Icon" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">Sequence<span
                                                                class="text-danger">*</span></label>
                                                        <input type="text" name="sequence"
                                                            class="form-control numberonly" placeholder="Enter Sequence" />
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">Parent Menu</label>
                                                        <select name="parent_id" class="form-control">
                                                            <option value="">Select Parent Menu</option>
                                                            @foreach ($parentMenus as $parentMenus)
                                                                <option value="{{ $parentMenus->id }}">
                                                                    {{ $parentMenus->name }}</option>
                                                            @endforeach

                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">App Type</label>
                                                        <select id="app_type" name="app_type"
                                                            class="select2 form-control new-select form-control-lg">
                                                            @foreach ($menuTypes as $menuType)
                                                                <option value="{{ $menuType }}">
                                                                    {{ Str::ucfirst($menuType) }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-12">
                                                    <div class="form-group">
                                                        <label for="text">Status</label>
                                                        <select id="status" name="status"
                                                            class="select2 form-control form-control-lg">
                                                            @foreach ($status as $status)
                                                                <option value="{{ $status }}">
                                                                    {{ Str::ucfirst($status) }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="border-bottom my-sm-3 my-2"></div>
                                    <div class="row mt-3">
                                        <div class="col-md-2">
                                            <a href="##">
                                                <button type="reset" class="btn btn-filter btn-export btn-block"
                                                    role="button" onclick="this.form.reset()">Reset</button>
                                            </a>
                                        </div>
                                        <div class="col-md-2">
                                            <button type="button" class="btn btn-filter btn-primary btn-block"
                                                role="button" data-request="ajax-submit"
                                                data-target="[role=post-data]">Submit</button>

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

                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection