@extends('layout')

@section('title')
    <?= get_label('update_role', 'Update role') ?>
@endsection
<?php

use Spatie\Permission\Models\Permission; ?>

@section('content')
    <div class="container-fluid">
        <div class="d-flex justify-content-between mt-4">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb breadcrumb-style1">
                        <li class="breadcrumb-item">
                            <a href="{{ route('home.index') }}"><?= get_label('home', 'Home') ?></a>
                        </li>
                        <li class="breadcrumb-item">
                            <?= get_label('settings', 'Settings') ?>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="{{ route('roles.index') }}"><?= get_label('permissions', 'Permissions') ?></a>
                        </li>
                        <li class="breadcrumb-item active">
                            <?= get_label('update_role', 'Update role') ?>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <div class="alert alert-primary alert-dismissible" role="alert"><a href="javascript:void(0)"
                        data-bs-toggle="modal"
                        data-bs-target="#permission_instuction_modal"><?= get_label('click_for_permission_settings_instructions', 'Click Here for Permission Settings Instructions.') ?></a><button
                        type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>

                <form action="{{ route('roles.update', ['id' => $role->id]) }}" class="form-submit-event" method="POST">
                    <input type="hidden" name="redirect_url" value="{{ route('roles.index') }}">
                    @method('PUT')
                    @csrf
                    <div class="row">
                        <div class="mb-3">
                            <label for="name" class="form-label"><?= get_label('name', 'Name') ?> <span
                                    class="asterisk">*</span></label>
                            <input class="form-control" type="text" placeholder="Enter role name" id="name"
                                name="name" placeholder="Enter Name" value="{{ $role->name }}">
                            @error('name')
                                <p class="text-danger mt-1 text-xs">{{ $message }}</p>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label" for=""><?= get_label('data_access', 'Data Access') ?> (<small
                                    class="text-muted mt-2">If all data access is selected, user under this roles will have
                                    unrestricted access to all data, irrespective of any specific assignments or
                                    restrictions</small>)</label>
                            <div class="btn-group btn-group d-flex justify-content-center" role="group"
                                aria-label="Basic radio toggle button group">
                                <input type="radio" class="btn-check" name="permissions[]" id="access_all_data"
                                    value="<?= $guard == 'client' ? Permission::where('name', 'access_all_data')->where('guard_name', 'client')->first()->id : Permission::where('name', 'access_all_data')->where('guard_name', 'web')->first()->id ?>"
                                    {{ $role_permissions->contains('name', 'access_all_data') ? 'checked' : '' }}>
                                <label class="btn btn-outline-primary"
                                    for="access_all_data"><?= get_label('all_data_access', 'All Data Access') ?></label>

                                <input type="radio" class="btn-check" name="permissions[]" id="access_allocated_data"
                                    value="0"
                                    {{ $role_permissions->contains('name', 'access_all_data') ? '' : 'checked' }}>
                                <label class="btn btn-outline-primary"
                                    for="access_allocated_data"><?= get_label('allocated_data_access', 'Allocated Data Access') ?></label>
                            </div>

                        </div>
                    </div>


                    <hr class="mb-2" />

                    <div class="table-responsive text-nowrap">
                        <table class="my-2 table">
                            <thead>
                                <tr>
                                    <th>
                                        <div class="form-check">
                                            <input type="checkbox" id="selectAllColumnPermissions" class="form-check-input">
                                            <label class="form-check-label"
                                                for="selectAllColumnPermissions"><?= get_label('select_all', 'Select all') ?></label>
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (config('taskify.permissions') as $module => $permissions)
                                    @if (
                                        $guard == 'client' &&
                                            in_array($module, [
                                                'Leads',
                                                'Emails and Email Template',
                                                'Candidates',
                                                'Candidate Statuses',
                                                'Interviews',
                                                'Announcements',
                                            ]))
                                        @continue
                                    @endif
                                    <tr>
                                        <td>
                                            <div class="form-check">
                                                <input type="checkbox" id="selectRow{{ $module }}"
                                                    class="form-check-input row-permission-checkbox"
                                                    data-module="{{ $module }}">
                                                <label class="form-check-label"
                                                    for="selectRow{{ $module }}">{{ $module }}</label>
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <div class="d-flex justify-content-between flex-wrap">

                                                @foreach ($permissions as $permission)
                                                    <div class="form-check mx-4">
                                                        @if ($guard == 'client')
                                                            <?php
                                                            $permissionModel = Permission::where('name', $permission)->where('guard_name', 'client')->first();

                                                            ?>

                                                            <input type="checkbox" name="permissions[]"
                                                                value="{{ $permissionModel ? $permissionModel->id : '' }}"
                                                                class="form-check-input permission-checkbox"
                                                                data-module="{{ $module }}"
                                                                {{ $role_permissions->contains('name', $permission) ? 'checked' : '' }}>
                                                            <label
                                                                class="form-check-label text-capitalize">{{ $permissionModel ? substr($permissionModel->name, 0, strpos($permissionModel->name, '_')) : '' }}</label>
                                                        @else
                                                            <input type="checkbox" name="permissions[]"
                                                                value="<?php print_r(Permission::findByName($permission)->id); ?>"
                                                                class="form-check-input permission-checkbox"
                                                                data-module="{{ $module }}"
                                                                {{ $role_permissions->contains('name', $permission) ? 'checked' : '' }}>
                                                            <label
                                                                class="form-check-label text-capitalize"><?php print_r(substr($permission, 0, strpos($permission, '_'))); ?></label>
                                                        @endif
                                                    </div>
                                                @endforeach
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>


                        </table>
                    </div>

                    <div class="mt-2">
                        <button type="submit" class="btn btn-primary me-2"
                            id="submit_btn"><?= get_label('update', 'Update') ?></button>
                        <button type="reset"
                            class="btn btn-outline-secondary"><?= get_label('cancel', 'Cancel') ?></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
