@extends('admin::layouts.app')

@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => __('master.role_master'),
                'search' => $search,
                'searchPlaceholder' => __('placeholder.search_name'),
                'create' => 'admin.roles.create',
                'list' => $roles,
            ])
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        {{-- Table Start --}}
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('master.role_name') }}</th>
                                    <th>{{ __('admin.created_at') }}</th>
                                    <th>{{ __('master.access_rights') }}</th>
                                    <th>{{ __('admin.status') }}</th>
                                    <th>{{ __('admin.action') }}</th>
                                </tr>
                                </tr>
                                @forelse ($roles as $key => $role)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ $role->name }}</td>
                                        <td>
                                            {{ $role->created_at ? Modules\Admin\Helpers\GeneralHelper::dateFormat($role->created_at) : '-' }}
                                        </td>
                                        <td>
                                            @if (isset($role->menus) && count($role->menus) > 0)
                                                <a class="badge badge-secondary" href="#" data-toggle="modal"
                                                    data-target="#accessModuleModal"
                                                    onclick="setAccessModuleModal('{{ $role->name }}',{{ json_encode($role->menus) }})">{{ count($role->menus) }}</a>
                                            @else
                                                <span class="badge text-bg-danger"> No Modules Assign</span>
                                            @endif
                                        </td>
                                        <td><span
                                                class="badge bad-status @if ($role->status == 'active') badge-success @else badge-danger @endif">{{ ucfirst($role->status) }}</span>
                                        </td>
                                        <td>
                                            @if(!in_array($role->alias,App\Helpers\ConstantHelper::USER_ROLE))
                                                @if (Auth::user()->hasPermission('admin.roles.edit'))
                                                    <a href="roles/edit/{{ $role->id }}" class="f-16 mr-1"><i
                                                            class="iconly-boldEdit"></i></a>
                                                @endif
                                                @if (Auth::user()->hasPermission('admin.roles.delete'))
                                                    <a href="javascript:;" data-url="/api/admin/roles/{{ $role->id }}"
                                                        data-request="remove" class="text-danger f-16"><i
                                                            class="iconly-boldDelete"></i></a>
                                                @endif
                                            @endif
                                        </td>
                                    @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        {{-- Table End --}}
                    </div>

                </div>
                {{-- Pagination --}}
                {{ $roles->appends(request()->input())->links('admin::partials.pagination') }}
                {{-- Pagination End --}}
            </div>
        </div>
    </section>

    {{-- Access Module List Modal --}}
    <div class="modal fade filter-modal" id="accessModuleModal" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header py-3">
                    <h5 class="modal-title" id="modalHeading"></h5>
                    <button type="button" class="close close-btn-filter" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">Close <i class="fa fa-times" aria-hidden="true"></i></span>
                    </button>
                </div>
                <div class="modal-body pb-4">
                    <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{ __('label.name') }}</th>
                                <th>{{ __('master.route_name') }}</th>
                        </thead>
                        <tbody class="access-menus">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        function setAccessModuleModal(role_name, menus) {
            $('#modalHeading').text(role_name + ' can access modules')
            let html = '';
            $.each(menus, (key, menu) => {
                html += '<tr>';
                html += '<td>' + (key + 1) + '</td>';
                html += '<td><span class="badge badge-secondary">' + menu.name + '</span></td>';
                html += '<td>' + menu.route_name + '</td>';
                html += '</tr>';
            });
            $('.access-menus').html(html);
        }
    </script>
@endsection