@extends('layouts.app')
@section('title', 'Manajemen Role & Permission - Dazry Laundry App')
@section('page_title', 'Manajemen Role & Permission')
@section('content')
<div class="container">
    {{-- <h2>Manajemen Role & Permission</h2> --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    {{-- <form action="{{ route('settings.permissions.store') }}" method="POST" class="mb-3">
        @csrf
        <div class="input-group">
            <input type="text" name="name" class="form-control" placeholder="Nama Permission Baru" required>
            <button class="btn btn-success" type="submit">Tambah Permission</button>
        </div>
    </form> --}}

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>Role</th>
                <th>Permissions</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
        @foreach($roles as $role)
            <tr>
                <form action="{{ route('settings.roles.updatePermissions',$role->id) }}" method="POST">
                    @csrf
                    <td>{{ $role->name }}</td>
                    <td>
                        @foreach($permissions as $perm)
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="checkbox" 
                                    name="permissions[]" 
                                    value="{{ $perm->name }}" 
                                    {{ $role->hasPermissionTo($perm->name) ? 'checked' : '' }}>
                                <label class="form-check-label">{{ $perm->name }}</label>
                            </div>
                        @endforeach
                    </td>
                    <td>
                        <button type="submit" class="btn btn-sm btn-primary">Simpan</button>
                    </td>
                </form>
            </tr>
        @endforeach
        </tbody>
    </table>

    
</div>
@endsection