@extends('admin.layout') @section('heading','Roles & permissions') @section('content')<div class="grid gap-8 xl:grid-cols-[1fr_390px]"><section class="space-y-4">@foreach($roles as $role)<article class="rounded-2xl bg-white p-6 shadow-sm"><div class="flex items-start justify-between"><div><h2 class="display text-lg font-bold text-[#271044]">{{$role->name}}</h2><p class="mt-1 text-sm text-slate-500">{{$role->description}}</p></div><span class="rounded-full bg-violet-100 px-3 py-1 text-xs font-bold text-violet-700">{{$role->users_count}} users</span></div><div class="mt-4 flex flex-wrap gap-2">@forelse($role->permissions as $permission)<span class="rounded-md bg-slate-100 px-2 py-1 text-xs text-slate-600">{{$permission->name}}</span>@empty<span class="text-sm text-slate-400">No permissions selected.</span>@endforelse</div></article>@endforeach</section><aside class="rounded-2xl bg-white p-6 shadow-sm"><h2 class="display text-lg font-bold text-[#271044]">Create role</h2><form method="POST" action="{{route('admin.roles.store')}}" class="mt-5 grid gap-4">@csrf<label class="text-sm font-semibold">Role name<input name="name" required class="mt-2 w-full rounded-lg border p-3 font-normal" placeholder="e.g. Content Manager"></label><label class="text-sm font-semibold">Description<textarea name="description" class="mt-2 w-full rounded-lg border p-3 font-normal" rows="2"></textarea></label><fieldset><legend class="text-sm font-semibold">Permissions</legend><div class="mt-3 grid gap-2">@foreach($permissions as $permission)<label class="text-sm"><input name="permissions[]" value="{{$permission->id}}" type="checkbox"> {{$permission->name}}</label>@endforeach</div></fieldset><button class="rounded-lg bg-red-600 py-3 text-xs font-bold text-white">CREATE ROLE</button></form></aside></div>@endsection