@extends('layouts.master')

@section('title', 'Role Permissions')

@section('content')

<div class="page-header">

    <div>

        <h1>
            Role Permissions
        </h1>

        <p>

            {{ $role->name }}

        </p>

    </div>

    <div>

        <a
            href="{{ route('admin.system-roles.show', $role->id) }}"
            class="btn btn-secondary">

            Back

        </a>

    </div>

</div>

@if(session('success'))

    <div class="alert alert-success">

        {{ session('success') }}

    </div>

@endif

<form
    method="POST"
    action="{{ route('admin.system-roles.permissions.update', $role->id) }}">

    @csrf

    @foreach($permissions as $module => $modulePermissions)

        <div class="card mb-4">

            <div class="card-header">

                {{ $module }}

            </div>

            <div class="card-body">

                <div class="row">

                    @foreach($modulePermissions as $permission)

                        <div class="col-md-4 mb-2">

                            <div class="form-check">

                                <input
                                    type="checkbox"
                                    class="form-check-input"
                                    name="permissions[]"
                                    value="{{ $permission->id }}"
                                    id="permission_{{ $permission->id }}"
                                    {{ in_array($permission->id, $assignedPermissions) ? 'checked' : '' }}>

                                <label
                                    class="form-check-label"
                                    for="permission_{{ $permission->id }}">

                                    {{ $permission->name }}

                                    <br>

                                    <small class="text-muted">

                                        {{ $permission->code }}

                                    </small>

                                </label>

                            </div>

                        </div>

                    @endforeach

                </div>

            </div>

        </div>

    @endforeach

    <div class="mb-4">

        <button
            type="submit"
            class="btn btn-primary">

            Save Permissions

        </button>

    </div>

</form>

@endsection