@extends('layout.master')
@section('content')
<div class="main-content app-content">
    <div class="container-fluid">
        <div class="container-fluid">
            <div class="row">


                <form action="{{ route('role.store') }}" method="POST">
                    @csrf
                    <div class="modal-body">
                        <div class="row">
                            <div class="form-group m-5">
                                <label for="name" class="form-label">{{ __('Name') }}</label>
                
                                <div class="form-icon-user">
                                    <input type="text" name="name" class="form-control" placeholder="{{ __('Enter Role Name') }}">
                                </div>
                
                                @error('name')
                                    <span class="invalid-name" role="alert">
                                        <strong class="text-danger">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                
                            <div class="form-group">
                                @if (!empty($permissions))
                                    <h6 class="my-3">{{ __('Assign Permission to Roles') }}</h6>
                                    <table class="table table-bordered" id="dataTable-1">
                                        <thead>
                                            <tr>
                                                <th>
                                                    <input type="checkbox" class="align-middle checkbox_middle form-check-input" 
                                                        name="checkall" id="checkall">
                                                    <label for="checkall"> {{ __('Select all') }}</label>
                                                </th>
                                                <th>{{ __('Module') }}</th>
                                                <th>{{ __('Permissions') }}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $modules = [
                                                    'user', 'role','expense','task','employee',"payment","todo",'project','invoice'
                                                ];
                
                                                if (Auth::user()->type == 'super admin') {
                                                    $modules[] = 'Language';
                                                }
                                            @endphp
                
                                            @foreach ($modules as $module)
                                                <tr>
                                                    <td>
                                                        <input type="checkbox" class="align-middle ischeck form-check-input" 
                                                            name="checkall" data-id="{{ str_replace(' ', '', $module) }}">
                                                    </td>
                                                    <td>
                                                        <label class="ischeck" data-id="{{ str_replace(' ', '', $module) }}">
                                                            {{ ucfirst($module) }}
                                                        </label>
                                                    </td>
                                                    <td>
                                                        <div class="row">
                                                            @foreach (['list','index', 'create', 'edit', 'show', 'delete','alltask','stripeShow','allprojects'] as $action)
                                                                @php 
                                                                    $permissionKey = array_search($module . ' ' . $action, (array) $permissions);
                                                                @endphp
                                                                @if ($permissionKey !== false)
                                                                    <div class="col-md-3 custom-control custom-checkbox">
                                                                        <input type="checkbox" name="permissions[]" 
                                                                            value="{{ $permissionKey }}" 
                                                                            class="form-check-input isscheck isscheck_{{ str_replace(' ', '', $module) }}" 
                                                                            id="permission{{ $permissionKey }}">
                                                                        <label for="permission{{ $permissionKey }}" class="form-label font-weight-500">
                                                                            {{ ucfirst($action) }}
                                                                        </label><br>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                @endif
                
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ __('Cancel') }}</button>
                                    <input type="submit" value="{{ __('Update') }}" class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                




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


@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script>
    $(document).ready(function() {
        $("#checkall").click(function() {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
        $(".ischeck").click(function() {
            var ischeck = $(this).data('id');
            $('.isscheck_' + ischeck).prop('checked', this.checked);
        });
    });
</script>