@extends('admin.layouts.admin')

@section('title','Roles & Permissions')
@section('page-title','Roles & Permissions')

@section('content')

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <span class="fw-semibold">System Roles</span>
        <a href="{{ route('admin.roles.create') }}" class="btn btn-sm btn-primary">
            + Add Role
        </a>
    </div>

    <div class="card-body p-0">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Role</th>
                    <th>Permissions</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>

            <tbody>
                @foreach($roles as $role)
                <tr>
                    <td class="fw-semibold">
                        {{ $role->name }}

                        @if(in_array($role->slug, ['admin','super-admin']))
                            <span class="badge bg-warning text-dark ms-1">System</span>
                        @endif
                    </td>

                    <td>
                        <span class="badge bg-secondary">
                            {{ $role->permissions_count }} permissions
                        </span>
                    </td>

                    <td class="text-end">

                        <!-- EDIT -->
                        <a href="{{ route('admin.roles.edit',$role) }}"
                           class="btn btn-sm btn-outline-primary">
                            <i class="bi bi-pencil"></i>
                        </a>

                        <!-- DELETE -->
                        @if(!in_array($role->slug, ['admin','super-admin']))
                        <form method="POST"
                              action="{{ route('admin.roles.destroy',$role) }}"
                              class="d-inline"
                              onsubmit="return confirm('Are you sure you want to delete this role?');">
                            @csrf
                            @method('DELETE')

                            <button class="btn btn-sm btn-outline-danger">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        @endif

                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

@endsection