@extends('dashboard.layouts.master')
@section('title', 'Permission Details')
@section('content')
<div class="row">
    <div class="card">
        <div class="card-header">
            <h2 class="card-title mb-0">Add New Role/Permission</h2>
        </div>
        <div class="card-body">
            <form action="{{ route('dashboard.permissions.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @include('dashboard.permissions.common.form')         
            </form>
        </div>
    </div>
</div>
@endsection

{{-- @push('scripts')
<script>
    document.querySelectorAll('.group-checkbox').forEach(function(groupCheckbox) {
        groupCheckbox.addEventListener('change', function () {
            const group = this.getAttribute('data-group');
            const checkboxes = document.querySelectorAll(`.${group}-checkbox`);
            checkboxes.forEach(cb => cb.checked = this.checked);
        });
    });
</script>
@endpush --}}