@extends('admin.layouts.layout')


@section('content')
<div class="mb-4">
    <div class="servicestitle">
        <h3>{{ $module }}</h3>
        <div class="services_searchbtn d-flex align-items-center gap-2 ms-auto">          
          <div class="contact_btns">
              @if($permission['create'])
                <a href="{{ route($routePrefix . '.create', $parent_id) }}" class="add_btn btn"><img src="{{ asset('images/template.svg') }}"> Add New</a>
              @endif
              @if(isset($filters) && !empty($filters))
                <a href="javascript:void(0);" class="filter_btn btn w-auto show-panel" data-id="filter-panel"><img src="{{ asset('images/filter.svg') }}"></a>                
              @endif              
          </div>
        </div>
    </div>   
    <div class="row clearfix" id="filter-panel" style="display: {{ request()->get('filter') ? 'block' : 'none' }};">
        <div class="col-lg-12 col-sm-12">
        @include('admin.components.filter-form')
        </div>
    </div> 
    <div class="service_contentarea">
        <div class="table-responsive">
            <table class="table service_table">
                <tr>
                    <th>Menu Name</th>
                    <th>Url</th>
                    <th>Status</th>
                    @if($permission['create'] || $permission['edit'] || $permission['destroy'])
                    <th width="25%" style="text-align: center;">Action</th>
                    @endif
                </tr>
                @foreach ($data as $key => $value)
                <tr>
                    <td>{{ $value->menu }}</td>
                    <td>{{ $value->url }}</td>
                    <td><span class="badge badge-pill badge-soft-{{ $value->statuses[$value->status]['badge'] }} font-size-12">{!! $value->statuses[$value->status]['name'] !!}</span></td>
                    @if($permission['edit'] || $permission['destroy'])
                    <td class="text-right">
                      @if(!$value->parent_id)
                        @if($permission['create'])
                        <a href="{{ route($routePrefix . '.create', $value->id) }}" class="me-4" data-toggle="tooltip" title="Add Sub Menu" data-original-title="Add New Record"><img src="{{ asset('images/add.svg') }}"></a>
                        @endif
                        <a href="{{ route($routePrefix . '.index', $value->id) }}" class="me-4" data-toggle="tooltip" title="View Sub Menus" data-original-title="View Sub Menus"><img src="{{ asset('images/menu_bar.png') }}"></a>
                      @endif
                      @if($permission['edit'])
                      <a href="{{ route($routePrefix . '.edit', [$value->parent_id, $value->id]) }}" class="me-4" data-toggle="tooltip" title="Edit" data-original-title="Edit"><img src="{{ asset('images/edit.svg') }}"></a>
                      @endif
                      @if($permission['destroy'])
                    <a class="me-4" 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"><img src="{{ asset('images/delete_black.svg') }}"></a>
                      {!! html()->form('DELETE', route(
                        $routePrefix . '.destroy',
                        [$value->parent_id, $value->id]
                        ))->attributes([
                        'style' => 'display:inline',
                        'id'    => 'delete-form-' . $value->id  
                      ])->open() !!}
                      {!! html()->form()->close() !!}
                      @endif
                    </td>
                    @endif
                </tr>
                @endforeach
                @if(count($data) == 0)
                <tr>
                    <td colspan="4">
                         <div class="alert alert-danger">No Data</div>
                    </td>
                </tr>
                @endif
            </table>
        </div>
    </div>
</div>

@include('admin.components.pagination')
@endsection