@extends('backend.layouts.master')

@section('content')
<!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row">
          <div class="col-6">
            <h1>Menu Item</h1>
          </div>
          <div class="col-6">
            <div class=" text-right">
              <a class="btn btn-success btn-sm" href="{{ url('backend/menuitem/create') }}"> <i class="fas fa-plus"></i> Add New </a>
            </div>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>
<!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col">
                  
            <!-- Default box -->
            <div class="card">
              <div class="card-body p-0">
                <table class="table table-hover table-striped">
                  <thead>
                      <tr>
                          <th width="40">ID</th>
                          <th>Title</th>
                          <th>Url</th>                            
                          <th>OrderNo</th>                            
                          <th>Parent</th>
                          <th width="100">Action</th>
                      </tr>
                  </thead>
                  <tbody>
                      @foreach ( $menuitems as $menuitem)
                      <tr>
                          <td>{{ $menuitem->id }}</td>
                          <td><a href="">{{ $menuitem->name }}</a></td>
                          <td>{{ $menuitem->url }}</td>
                          <td>{{ $menuitem->order_no }}</td>
                          <td>@if(isset($menuitem->parent)) {{ $menuitem->parent->name }}  @endif</td>
                          <td>
                              <a class="btn btn-xs btn-warning" href="{{ route('menuitem.edit',$menuitem->id)}}" data-toggle="tooltip" title="Edit"> <i class="fa fa-edit"></i>
                            </a>
                            <form class="delete" style="display: inline-block;" action="{{ route('menuitem.destroy', $menuitem->id)}}" method="menuitem">
                              @csrf
                              @method('DELETE')
                              <button class="btn btn-xs btn-danger" type="submit" title="Delete"><i class="fa fa-trash"></i></button>
                            </form>
                          </td>
                      </tr>
                      @endforeach
                  </tbody>
              </table>
              </div>
            </div>
            <!-- /.card -->
          </div>
        </div>
      </div>
    </section>
@endsection


@include('backend.partials.datatable')