@extends('admin.layout.layout')

@section('title', 'Dashboard')

@include('admin.scripts.menu_script')

@section('content')

@if($errors->any())
@foreach ($errors->all() as $error)
<div class="alert alert-danger" role="alert">
  <div class="alert-body">{{ $error }}</div>
</div>
@endforeach
@endif
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0"></h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Home</a></li>
            <li class="breadcrumb-item">List of Menu</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  <section class="content-inner">   
   <div class="permission-block">
            <div class="permission-header">
              <h3>List of Menu</h3>
            </div>
            <div class="table-wrap">
              <table id="example1" class="table  role-table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>No</th>
                    <th>Menu Name</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody id="adminTableBody">
                                    @foreach($menus as $key=> $value)
                  <tr>
                    <td>{{ $i }}
                    <td>{{ $value->menu_name}}</td>

                    <td>
                      <div class="button-div">
                        <button type="button" class="btn btn-block btn-success" onclick="MenuEditFunction()"><i class="fas fa-edit"></i></button>
                        <button type="button" class="btn btn-block btn-danger" onclick="subMenuviewFunction()" title="View SubMenu"><i class="fas fa-eye"></i></button>
                      </div>
                    </td>
                  </tr>
               
                                @endforeach
                </tbody>
              </table>
              <div id="noDataMessage" style="display: none;">No Data found!!!!</div>
            </div>
            {{ $menus->links('pagination::bootstrap-4') }}
          </div>
      
  </section>


<!-- edit menu model -->
<div class="modal fade bd-example-modal-lg" id="edit_menu_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Menu</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        
      </div>

      <!-- {{url('admin/staff/update')}} -->

      <div class="modal-body">
      <form action="{{url('/admin/menu/update')}}" method="POST" enctype="multipart/form-data">
      <div class="mb-3">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="menu_id" id="menu_id">
                <label for="name" class="form-label">Menu Name</label>
                <input type="text" class="form-control" id="menu_name" name="menu_name" placeholder="Enter name">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="updateButton">Update</button>
            </div>
      </form>
      </div>
    </div>
  </div>
</div>
</div>

<!-- edit sub menu -->
<div class="modal fade bd-example-modal-lg" id="next_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Sub_Menu</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <form action="{{url('/admin/sub_menu/update')}}" method="POST" enctype="multipart/form-data">
            <div class="mb-3">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="submenu_id" id="submenu_id">
                <label for="name" class="form-label">Sub Menu Name</label>
                <input type="text" class="form-control" id="submenu_name" name="submenu_name" placeholder="Enter submenu_name">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                <input type="submit" class="btn btn-primary" value="Update" id="subMenuUpdateButton">
            </div>
        </form>
      </div>
    </div>
  </div>
</div>
</div>

<!-- view sub menu model -->
<div class="modal fade bd-example-modal-lg" id="view_sub_menu_model" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">View Sub_menu</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <!-- {{url('admin/staff/update')}} -->
      <div class="modal-body">
        <div class="mb-3">
         <div class="table-wrap">   
        <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Submenu Name</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody id="submenu-table-body">
                
                </tbody>
            </table>
            </div>
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              </div>
      </div>
    </div>
  </div>
</div>

@endsection