@extends('layouts.admin')
@section('title', 'Create Role')
@section('content')
<x-page-header title="Create Role"/>
<div class="hp-card"><div class="hp-card-body"><form method="POST" action="{{ route('admin.roles.store') }}">@csrf
<div class="mb-3"><label class="form-label">Role Name</label><input name="name" class="form-control" required></div>
<div class="mb-3"><label class="form-label">Permissions</label>
@foreach($permissions as $group => $perms)<div class="mb-3"><strong class="text-muted text-uppercase small">{{ $group }}</strong>
<div class="row">@foreach($perms as $perm)<div class="col-md-4"><div class="form-check"><input type="checkbox" name="permissions[]" value="{{ $perm->name }}" class="form-check-input" id="p{{ $perm->id }}"><label for="p{{ $perm->id }}" class="form-check-label small">{{ $perm->name }}</label></div></div>@endforeach</div></div>@endforeach
</div>
<div class="d-flex gap-2"><a href="{{ route('admin.roles.index') }}" class="btn btn-hp-outline">Cancel</a><button class="btn btn-hp-primary">Save</button></div>
</form></div></div>
@endsection