@extends('layouts.app')

@section('content')

<section class="content-header">
    <h1>
        Manage Menu
        
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Update Menu</li>
    </ol>
</section>

<section class="content">
  <div class="row">
    <!-- left column -->
    <div class="col-md-12">
      @include('layouts.flesh-message')

      <!-- general form elements -->
      <div class="box box-primary border-no">
        <div class="box-header with-border yello-back">
          <h3 class="box-title">Update Menu</h3>
        </div>
      <!-- /.box-header -->
      <!-- form start -->
      @if(!empty($role))
      <form method="POST" action="{{ url('/updatemenu') }}">
          @csrf

          <div class="box-body">
             <div class="row">

            
                 <div class="col-md-4">
                    <div class="form-group">
                                         <input type="hidden" name="id" value="{{ $role['id'] }}">
                   <label for="menu_name">{{ __('Menu Title') }}</label>
                   <input id="menu_name" type="text" class="form-control{{ $errors->has('menu_name') ? ' is-invalid' : '' }}" name="menu_name" value="{{ $role['menu_name'] }}" required autofocus>
                   @if ($errors->has('menu_name'))
                   <span class="invalid-feedback" role="alert">
                    <strong>{{ $errors->first('menu_name') }}</strong>
                </span>
                @endif
            </div>
        </div>
            <div class="col-md-3">
                    <div class="form-group">
                    
                   
                   <label for="icon">{{ __('Menu Icon') }}</label>
                   <input id="icon" type="text" class="form-control{{ $errors->has('icon') ? ' is-invalid' : '' }}" name="icon" value="{{ $role['icon'] }}" required autofocus>
                   @if ($errors->has('icon'))
                   <span class="invalid-feedback" role="alert">
                    <strong>{{ $errors->first('icon') }}</strong>
                </span>
                @endif
            </div>
        </div>
                 <div class="col-md-2">
                    <div class="form-group">
                                         <input type="hidden" name="id" value="{{ $role['id'] }}">
                   <label for="menu_order">{{ __('Order') }}</label>
                   <input id="menu_order" type="number" class="form-control{{ $errors->has('menu_order') ? ' is-invalid' : '' }}" name="menu_order" value="{{ $role['menu_order'] }}" required autofocus>
                   @if ($errors->has('menu_order'))
                   <span class="invalid-feedback" role="alert">
                    <strong>{{ $errors->first('menu_order') }}</strong>
                </span>
                @endif
            </div>
        </div>
        <div class="col-md-3">
            <div class="form-group">
              <label for="exampleInputEmail1">Status</label>
            <select name="status" class="form-control select2" style="width: 100%;">
            <option {{ ($role['status'] == 1) ? "selected" : "" }} value="1">Active</option>
            <option {{ ($role['status'] == 0) ? "selected" : "" }} value="0">Inactive</option>
            
            </select>
          </div>
      </div>

    </div> 

     <div style="margin-top: 22px;" class="box-footer">
    <button type="submit" class="btn btn-primary">
        {{ __('Update Role') }}
    </button>
      </div> 
     </form>
       @endif
         <div class="row">

              <div class="col-md-6">

              <h2 class="hed-tag">Add Menu Permission</h2>
              <ul id="myUL">
                                @foreach($menus as $menu)
                                <li class="fon-16">
                  
                  <span for="parent" style="width: 100%;" class="caret">
                    {{$i}} .  {{ $menu->menu_name }}
                     <span><a href="{{url('menu').'/'.$menu->id}}"><i class="fa fa-pencil" aria-hidden="true"></i></a></span>
                  </span>

                   
                  <ul class="nested">