@extends('backend.layouts.app')

@section('title')
    {{ __($module_title) }}
@endsection
@section('content')
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between">
                    <div class="header-title">
                        <h4 class="card-title mb-0">{{ __('messages.permission_role') }}</h4>
                    </div>
                    <div>
                        <x-backend.section-header>
                            <div>

                            </div>
                            <x-slot name="toolbar">


                                <div class="input-group flex-nowrap">
                                </div>


                            </x-slot>
                        </x-backend.section-header>


                    </div>
                </div>
                <div class="card-body">
                    @foreach ($roles as $role)
                        @if ($role->name !== 'admin' && $role->name !== 'user')
                            {{ html()->form('post', route('backend.permission-role.store', $role->id))->open() }}


                            <div class="permission-collapse border rounded p-3 mb-3" id="permission_{{ $role->id }}">
                                <div class="d-flex align-items-center justify-content-between">
                                    <h6>{{ ucfirst($role->title) }}</h6>
                                    <div class="toggle-btn-groups">
                                        @if ($role->is_fixed == 0)
                                            <button class="btn btn-danger" type="button"
                                                onclick="delete_role({{ $role->id }})">
                                                Delete
                                            </button>
                                        @endif

                                        <button class="btn btn-primary ms-2" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseBox1_{{ $role->id }}" aria-expanded="false"
                                            aria-controls="collapseExample_{{ $role->id }}">
                                            {{ __('messages.permission') }}
                                        </button>
                                    </div>
                                </div>
                                <div class="collapse pt-3" id="collapseBox1_{{ $role->id }}">
                                    <div class="table-responsive">
                                        <table class="table table-condensed table-striped mb-0">
                                            <thead class="sticky-top">
                                                <tr>
                                                    <th>{{ __('messages.modules') }}</th>
                                                    <th>{{ __('messages.view') }}</th>
                                                    <th>{{ __('messages.add') }}</th>
                                                    <th>{{ __('messages.edit') }}</th>
                                                    <th>{{ __('messages.delete') }}</th>
                                                    <th>{{ __('messages.restore') }}e</th>
                                                    <th>{{ __('messages.force_delete') }}</th>
                                                    <th class="text-end">
                                                        {{ html()->submit(__('messages.save'))->class('btn btn-md btn-secondary') }}
                                                    </th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @foreach ($modules as $mKey => $module)
                                                    <tr>
                                                        <td>{{ ucwords($module['module_name']) }}</td>
                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-view_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[view_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'view_' . strtolower(str_replace(' ', '_', $module['module_name']))) ? 'checked' : '' }}></span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-add_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[add_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'add_' . strtolower(str_replace(' ', '_', $module['module_name']))) ? 'checked' : '' }}>
                                                                </span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-edit_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[edit_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'edit_' . strtolower(str_replace(' ', '_', str_replace(' ', '_', $module['module_name'])))) ? 'checked' : '' }}>
                                                                </span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-delete_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[delete_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'delete_' . strtolower(str_replace(' ', '_', $module['module_name']))) ? 'checked' : '' }}>
                                                                </span>
                                                            @endif
                                                        </td>

                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-forcedelete_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[restore_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'restore_' . strtolower(str_replace(' ', '_', $module['module_name']))) ? 'checked' : '' }}>
                                                                </span>
                                                            @endif
                                                        </td>

                                                        <td>
                                                            @if (isset($module['is_custom_permission']) && !$module['is_custom_permission'])
                                                                <span>
                                                                    <input type="checkbox"
                                                                        id="role-{{ $role->name }}-permission-force_delete_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}"
                                                                        name="permission[force_delete_{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}][]"
                                                                        value="{{ $role->name }}"
                                                                        class="form-check-input"
                                                                        {{ AuthHelper::checkRolePermission($role, 'force_delete_' . strtolower(str_replace(' ', '_', $module['module_name']))) ? 'checked' : '' }}>
                                                                </span>
                                                            @endif
                                                        </td>

                                                        @if (isset($module['more_permission']) && is_array($module['more_permission']))
                                                            <td class="text-end">

                                                                <a data-bs-toggle="collapse"
                                                                    data-bs-target="#demo_{{ $mKey }}"
                                                                    class="accordion-toggle  btn btn-primary btn-xs"><i
                                                                        class="fa-solid fa-chevron-down me-2">
                                                                    </i>{{ __('messages.more') }}</a>
                                                            </td>
                                                        @else
                                                            <td>

                                                            </td>
                                                        @endif
                                                    </tr>

                                                    <tr>
                                                        <td colspan="12" class="hiddenRow">
                                                            <div class="accordian-body collapse"
                                                                id="demo_{{ $mKey }}">
                                                                <table class="table table-striped mb-0">
                                                                    <tbody>
                                                                        @if (isset($module['more_permission']) && is_array($module['more_permission']))
                                                                            @foreach ($module['more_permission'] as $permission_data)
                                                                                <tr>
                                                                                    <td
                                                                                        class="d-flex justify-content-center">
                                                                                        {{ ucwords($module['module_name']) }}
                                                                                        {{ ucwords(str_replace('_', ' ', $permission_data)) }}

                                                                                        <span class="ms-5">
                                                                                            <div
                                                                                                class="form-check form-switch">
                                                                                                <input type="checkbox"
                                                                                                    id="role-{{ $role->name }}-permission-{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}_{{ strtolower(str_replace(' ', '_', $permission_data)) }}"
                                                                                                    name="permission[{{ strtolower(str_replace(' ', '_', $module['module_name'])) }}_{{ strtolower(str_replace(' ', '_', $permission_data)) }}][]"
                                                                                                    value="{{ $role->name }}"
                                                                                                    class="form-check-input"
                                                                                                    {{ AuthHelper::checkRolePermission($role, strtolower(str_replace(' ', '_', $module['module_name']) . '_' . strtolower(str_replace(' ', '_', $permission_data)))) ? 'checked' : '' }}>
                                                                                            </div>
                                                                                        </span>
                                                                                    </td>
                                                                                </tr>
                                                                            @endforeach
                                                                        @endif


                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>

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

                            {{ html()->form()->close() }}
                        @endif
                    @endforeach




                </div>
            </div>

            <div data-render="app">
                <manage-role-form create-title="{{ __('messages.create') }}  {{ __('page.lbl_role') }}">
                </manage-role-form>

            </div>

        </div>
    </div>



    <script>
        function reset_permission(role_id) {

            var url = "/app/permission-role/reset/" + role_id;

            $.ajax({
                url: url,
                type: 'GET',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    successSnackbar(response.message);
                    window.location.reload();
                },
                error: function(response) {
                    alert('error');
                }
            });
        }



        function delete_role(role_id) {
            var url = "{{ route('backend.role.destroy', ['role' => ':role_id']) }}";
            url = url.replace(':role_id', role_id);

            $.ajax({
                url: url,
                type: 'DELETE',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    $('#permission_' + role_id).hide();
                    successSnackbar(response.message);

                },
                error: function(response) {
                    alert('error');
                }
            });
        }
    </script>


    <style>
        .permission-collapse table tr td.hiddenRow {
            padding: 0;
        }

        .permission-collapse table tr td.hiddenRow table td {
            padding: 20px;
        }

        .permission-collapse table tr td.hiddenRow table tr:last-child td {
            border: none;
        }
    </style>
@endsection