{{-- resources/views/roles/edit-role.blade.php --}}

@extends('layouts.app')
@section('content')
    @include('layouts.sidebar')

    {{-- <main id="" class="side_user">
        <!-- Hero -->
        <div class="bg-body-light ">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">


                </div>
            </div>
        </div>

        <!-- END Hero -->
        <div class="content">
            <div class="block block-rounded">
                <div class="block-header">
                    <h4 class="block-title ">Show Role</h4>
                </div>
                <div class="block-content block-content-full">
                    <div class="loader" id="loader" style="display: none;">
                        <div class="external-shadow">
                            <div class="central">
                                <div class="intern"></div>
                            </div>
                        </div>
                    </div>
                    <form>


                        <!-- Role Name -->
                        <div class="form-outline mb-4 col-8">
                            <h6>Role Name</h6>
                            <input type="text" name="name" maxlength="255" minlength="3" readonly
                                value="{{ old('name', $role->name) }}" class="form-control form-control-lg"
                                placeholder="Enter Role Name" />
                        </div>
                        @error('name')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <!-- Permissions -->
                        @foreach ($permissions as $module_id => $modulePermissions)
                            <div class="form-outline mb-4 col-8">
                                <h6>Module: {{ $modulePermissions->first()->module->name }}</h6>
                                @foreach ($modulePermissions as $permission)
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" disabled name="permissions[]"
                                            value="{{ $permission->id }}" id="permission{{ $permission->id }}"
                                            @if (in_array($permission->id, $rolePermissions)) checked @endif>
                                        <label class="form-check-label" for="permission{{ $permission->id }}">
                                            {{ $permission->operation }}
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        @endforeach
                        @error('permissions')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <div class="form-group pt-2">
                            <a href="{{ route('roles.index') }}"><button type="button"
                                    class="btn btn-secondary">Back</button></a>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </main>
 --}}

    <main id="" class="side_user">
        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                </div>
            </div>
        </div>

        <!-- END Hero -->
        <div class="content">
            <div class="block block-rounded">
                <div class="block-header">
                    <h4 class="block-title">Add Roles</h4>
                </div>
                <div class="block-content block-content-full">
                    <div class="loader" id="loader" style="display: none;">
                        <div class="external-shadow">
                            <div class="central">
                                <div class="intern"></div>
                            </div>
                        </div>
                    </div>
                    <form action="{{ route('roles.store') }}" method="POST">
                        @csrf
                        @method('POST')
                        <!-- Role Name -->
                        <div class="form-outline mb-4 col-8">
                            <h6>Role Name</h6>
                            <input type="text" name="name" maxlength="255" minlength="3" required
                                value="{{ old('name') }}" class="form-control form-control-lg"
                                placeholder="Enter Role Name" />
                        </div>
                        @error('name')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <!-- Permissions -->
                        @foreach ($permissions as $module_id => $modulePermissions)
                            @if ($modulePermissions->isNotEmpty() && isset($modulePermissions->first()->module))
                                <div class="form-outline mb-4 col-8">
                                    <h6>Module: {{ $modulePermissions->first()->module->name }}</h6>
                                    <!-- Assuming module_name is available -->
                                    @foreach ($modulePermissions as $permission)
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" name="permissions[]"
                                                value="{{ $permission->id }}" id="permission{{ $permission->id }}">
                                            <label class="form-check-label" for="permission{{ $permission->id }}">
                                                {{ $permission->operation }}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        @endforeach
                        @error('permissions')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <div class="form-group pt-2">
                            <a href="{{ route('roles.index') }}"><button type="button"
                                    class="btn btn-secondary">Back</button></a>
                            <button type="submit" id="submitted" class="addbtn">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </main>
@endsection