@extends('admin.layouts.app')
@section('title', 'Add Menu')
@section('content')


<!--begin::App Content Header-->
<div class="app-content-header">
    <!--begin::Container-->
    <div class="container-fluid">
      <!--begin::Row-->
      <div class="row">
        <div class="col-sm-6"><h3 class="mb-0">Add Menu</h3></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-end">
            <li><a href="{{ route('admin.menus.index') }}" class="btn me-5 btn-success text-white">All Menus</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Add Menu</li>
          </ol>
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
<!--end::App Content Header-->
<hr>

  <!--begin::App Content-->
  <div class="app-content">
    <div class="container">
       <div class="col-lg-6"></div>
       <div class="col-lg-6 card p-3">
            <form action="{{ route('admin.menus.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="form-group mb-4">
                    <label for="name">Menu Name</label>
                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Enter Menu Name Here">
                    @error('name')
                        <span class="invalid-feedback">{{ $message }}</span>
                    @enderror
                </div>

                <div class="form-group mb-4">
                    <label for="menu_type">Menu Type</label>
                    <select name="menu_type" id="" class="form-control custom-select">
                        <option value="standard">Standard Menu</option>
                        <option value="rotatory">Rotatory Menu</option>
                    </select>
                </div>

                <div class="form-group mb-4">
                    <label for="status">Status</label>
                    <select name="status" id="" class="form-control custom-select">
                        <option value="active">Active</option>
                        <option value="inactive">Inactive</option>
                    </select>
                </div>

                <div class="form-group mb-4">
                    <label for="icon">Menu Icon (Optional)</label>
                    <input type="file" name="icon" class="form-control">
                </div>

                <div class="form-group mb-4">
                    <button type="submit" class="btn btn-success">SAVE MENU</button>
                </div>

            </form>
       </div>
       <div class="col-lg-4"></div>
    </div>
</div>
  <!--end::App Content-->

@endsection