@extends('panel.layouts.master')
@section('title', 'نقش ها')
@section('content')
    <div class="container-fluid p-4">
        <div class="content-section slide-up">
            @can('roles.create')
                <div class="d-flex gap-2 flex-wrap mb-3">
                    <a href="{{ route('roles.create') }}" class="btn btn-primary btn-sm ms-auto">
                        <i class="fas fa-plus me-2"></i>افزودن
                    </a>
                </div>
            @endcan
            <!-- Table -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th></th>
                        <th>ردیف</th>
                        <th>نام</th>
                        <th>کلید</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($data as $key => $item)
                        <tr>
                            <td>
                                @can('roles.edit')
                                    <a href="{{ route('roles.edit', $item->id) }}" class="btn btn-outline-primary btn-sm me-1">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                @endcan
                                @can('roles.delete')
                                    <button class="btn btn-outline-primary btn-sm trashRow"
                                            data-url="{{ route('roles.destroy', $item->id) }}"
                                            data-id="{{ $item->id }}">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                @endcan
                            </td>
                            <td class="text-center">{{ ++$key }}</td>
                            <td>{{ $item->title }}</td>
                            <td class="text-end">{{ $item->name }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>

                {!! $data->links() !!}
            </div>
        </div>
    </div>
@endsection