@extends('layouts.app')

@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

<div class="card">

    <div class="card-body">

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

            @csrf

            @php

                $currentModule = null;

            @endphp

            @foreach($permissions as $permission)

                @if($currentModule !== $permission->module)

                    @php

                        $currentModule = $permission->module;

                    @endphp

                    <hr>

                    <h4>

                        {{ $currentModule }}

                    </h4>

                @endif

                <div class="form-check mb-2">

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

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

                        <strong>

                            {{ $permission->name }}

                        </strong>

                        <br>

                        <small class="text-muted">

                            {{ $permission->description }}

                        </small>

                    </label>

                </div>

            @endforeach

            <hr>

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

                Save Permissions

            </button>

        </form>

    </div>

</div>

@endsection