@include('layouts.header_script')
    <div class="card">
        <div class="card-title card_1">
            Permissions
        </div>
        <div class="card-body">
            <div class="editRow" style="display: none;">
                <form action="{{ route('settings.permission.update') }}" method="post">
                    <input type="hidden" id="row_id" name="id">
                    @csrf
                    <div class="row">
                        <div class="col pl-3 pr-1">
                            <div class="form-group">
                                <label for="">Name</label>
                                <input class="form-control" type="text" id="name" name="name">
                            </div>
                        </div>
                        <div class="col px-1">
                            <div class="form-group">
                                <label for="">Group</label>
                                <input class="form-control" type="text" id="group" name="group">
                            </div>
                        </div>
                        <div class="col px-1">
                            <div class="form-group">
                                <label for="" class="d-block">Sub Module</label>
                                <select class="form-control select_2" name="sub_module" id="sub_module">
                                    @foreach ($modules as $m)
                                        <option value="{{ $m->id }}">{{ $m->get_module->name . '-' . $m->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-1 px-1">
                            <div class="form-group">
                                <label for="" class="d-block">Task</label>
                                <select class="form-control select_2 w-100" name="task" id="task">
                                    @foreach ($task as $t)
                                        <option value="{{ $t->id }}">{{ $t->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-1 px-1">
                            <div class="form-group">
                                <label for="" class="d-block">Sidebar?</label>
                                <select class="form-control select_2 w-100" name="is_show" id="is_show">
                                    <option value="1">Yes</option>
                                    <option value="2">No</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-1 px-1">
                            <label for="">&nbsp;</label>
                            <button class="btn btn-xs btn-info btn-block d-block">Update</button>
                        </div>
                    </div>
                </form>
            </div>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Sl</th>
                        <th>Group</th>
                        <th>Name</th>
                        <th>Route</th>
                        <th>Task</th>
                        <th>Status</th>
                        <th>Show In Sidebar</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $i = 0;
                        $current_group = '';
                        $bg_class = 'bg-white';
                    @endphp
                    @foreach ($permissions as $module)
                        <tr>
                            <td colspan="8" class="thead_1 text-center">{{ ucfirst($module->name) }} (Module)</td>
                        </tr>
                        @foreach ($module->get_sub_modules as $sub_module)
                            <tr>
                                <td colspan="8" class="thead_2 text-center">{{ ucfirst($sub_module->name) }} (Sub
                                    Module)
                                </td>
                            </tr>
                            @foreach ($sub_module->get_permissions->sortBy('group_name') as $p)
                                @php
                                    if ($p->group_name != $current_group) {
                                        $current_group = $p->group_name;
                                        $bg_class = $bg_class == 'bg-white' ? 'bg-warning' : 'bg-white';
                                    }
                                @endphp
                                <tr id="tr{{ $p->id }}">
                                    <td>{{ ++$i }}</td>
                                    <td class="{{ $bg_class }}">{{ ucfirst($p->group_name) }}</td>
                                    <td>{{ ucfirst($p->name) }}</td>
                                    <td>{{ $p->route_name }}</td>
                                    <td>{{ $p->get_task->name ?? 'Other' }}</td>
                                    <td>{!! $p->status == 1 ? '<span class="badge bg-success">Active</span>' : '<span class="badge bg-danger">Inactive</span>' !!}
                                    </td>
                                    <td>{!! $p->type == 1 ? '<span class="badge bg-success">Yes</span>' : '<span class="badge bg-danger">No</span>' !!}
                                    </td>
                                    <td><button class="btn btn-xs btn-info"
                                            onclick="editPermission({{ $p->id }}, {{ $p->module_id }},'{{ $p->group_name }}','{{ $p->name }}', {{ $p->task }}, {{ $p->type }})">Edit</button>
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@include('layouts.footer_script')
<script>
    function editPermission(id, sub_module, group, name, task, type) {
        window.scrollTo(0, 0);

        $('#row_id').val(id);
        $('#sub_module').val(sub_module);
        $('#group').val(group);
        $('#name').val(name);
        $('#task').val(task);
        $('#is_show').val(type);
        setTimeout(() => {
            $('.editRow').slideDown();
        }, 100);

        setTimeout(() => {
            $('.select_2').select2();
        }, 200);
    }
</script>