@php ($headerOption = [
  'title' => $module,
  'header_button' => $permission['create'] ? '<a class="btn bg-teal waves-effect" href="'. route($routePrefix . '.create', $parent_id) .'" data-toggle="tooltip" data-original-title="Add New Record"><i class="material-icons">add</i> <span>Add New</span></a>' : ''
])
@extends('admin.layouts.layout', $headerOption)


@section('main')
<div class="table-responsive">
  <table class="table table-responsive-sm table-bordered table-striped table-sm">
    <thead>
      <tr>
        <th>Menu Name</th>
        <th>Url</th>
        @if($permission['create'] || $permission['edit'] || $permission['destroy'])
        <th width="25%" style="text-align: right;">Action</th>
        @endif
      </tr>
    </thead>
    <tbody>
          @foreach ($data as $value)
          <tr>
              <td>{{ $value->menu }}</td>
              <td>{{ $value->url }}</td>
              @if($permission['create'] || $permission['edit'] || $permission['destroy'])
              <td class="text-right">
                @if(!$value->parent_id)
                  @if($permission['create'])
                  <a href="{{ route($routePrefix . '.create', $value->id) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="Add New Record"><i class="material-icons">add</i></a>
                  @endif
                  <a href="{{ route($routePrefix . '.index', $value->id) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="View Sub Menus"><i class="material-icons">reorder</i></a>
                @endif
                @if($permission['edit'])
                <a href="{{ route($routePrefix . '.edit', [$value->parent_id, $value->id]) }}" class="btn btn-default btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-original-title="Edit"><i class="material-icons">create</i></a>
                @endif
                @if($permission['destroy'])
               <a class="btn bg-red btn-circle waves-effect waves-circle waves-float" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                  document.getElementById('delete-form-{{$value->id}}').submit();" data-original-title="Delete"><i class="material-icons">delete</i></a>
                {!! Form::open([
                  'method' => 'DELETE',
                  'route' => [
                    $routePrefix . '.destroy', [
                      $value->parent_id,
                      $value->id
                    ]
                    ], 
                  'id' => 'delete-form-' . $value->id
                ]) !!}
                {!! Form::close() !!}
                @endif
              </td>
              @endif
          </tr>                                    
          @endforeach
    </tbody>
  </table>                    
</div>
@endsection