@extends('admin.layouts.app')

@section('content')
    <div class=" content-body default-height">
        <div class="container-fluid">
            <div class="page-titles">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">@lang('admin.dashboard')</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">@lang('admin.users')</a></li>
                    <li class="breadcrumb-item active"><a href="{{route('admin.userRoles.index')}}">@lang('admin.roles')</a></li>
                </ol>
            </div>
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">@lang('admin.roles')</h4>
                        <a class="btn btn-success" href="{{ route('admin.userRoles.create') }}">@lang('admin.create')</a>
                    </div>
                    <div class="card-body">
                        <form action="" method="GET" class="d-flex">
                            @csrf
                            <div class="input-group me-2">
                                <input class="form-control" type="text" name="keyword" placeholder="@lang('admin.filter_by_name')">
                            </div>
                            <button type="submit" class="btn btn-primary">@lang('admin.filter')</button>
                        </form>
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>@lang('admin.name')</th>
                                        <th>@lang('admin.business_name')</th>
                                        <th>@lang('admin.actions')</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($roles as $key => $role)
                                        <tr>
                                            {{-- <td>{{ ++$i }}</td> --}}
                                            <td>{{ $role->name }}</td>
                                            <td>{{ $role->business->name ?? '' }}</td>
                                            <td>
                                                {{-- @can('role-edit') --}}
                                                    <a class="btn btn-primary"
                                                        href="{{ route('admin.userRoles.edit', $role->id) }}">@lang('admin.edit')</a>
                                                {{-- @endcan --}}
                                                {{-- @can('role-delete') --}}
                                                    {!! Form::open(['method' => 'DELETE', 'route' => ['admin.userRoles.destroy', $role->id], 'style' => 'display:inline']) !!}
                                                    {!! Form::submit(__('admin.delete'), ['class' => 'btn btn-danger']) !!}
                                                    {!! Form::close() !!}
                                                {{-- @endcan --}}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            {{ $roles->links('vendor.pagination.custom') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection