@extends('layouts.master')

@section('content')
<div class="pagetitle">
    <h1>Roles</h1>
    <nav>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
        <li class="breadcrumb-item"><a href="{{ route('roles.index') }}">Roles</a></li>
        <li class="breadcrumb-item active">Update</li>
    </ol>
    </nav>
</div><!-- End Page Title -->


<section class="section dashboard">
    <div class="row">
        
        <div class="col-lg-12">

            <div class="card">
              <div class="card-body">
                <div class="p-3">
                    <h5 class="card-title" style="display: inline;">Update role</h5>
                    <a href="{{ route('roles.create') }}" class="btn btn-primary btn-sm float-right" style="display: inline; float: right;"><i class="bx bxs-user-plus"></i>Add Role</a>
                </div>
                
        
                {{-- <form method="POST" action="{{ route('roles.update', $role->id) }}">
                    @method('patch')
                    @csrf
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input value="{{ $role->name }}" 
                            type="text" 
                            class="form-control" 
                            name="name" 
                            placeholder="Name" required>
                    </div>
                    
                    <label for="permissions" class="form-label">Assign Permissions</label>
        
                    <table class="table table-striped">
                        <thead>
                            <th scope="col" width="1%"><input type="checkbox" name="all_permission"></th>
                            <th scope="col" width="20%">Name</th>
                            <th scope="col" width="1%">Guard</th> 
                        </thead>
        
                        @foreach($permissions as $permission)
                            <tr>
                                <td>
                                    <input type="checkbox" 
                                    name="permission[{{ $permission->name }}]"
                                    value="{{ $permission->name }}"
                                    class='permission'
                                    {{ in_array($permission->name, $rolePermissions) 
                                        ? 'checked'
                                        : '' }}>
                                </td>
                                <td>{{ $permission->name }}</td>
                                <td>{{ $permission->guard_name }}</td>
                            </tr>
                        @endforeach
                    </table>
        
                    <button type="submit" class="btn btn-primary">Save changes</button>
                    <a href="{{ route('roles.index') }}" class="btn btn-default">Back</a>
                </form> --}}


                <form method="post"  action="{{ route('roles.update', $role->id) }}">
                    @method('patch')
                    @csrf
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input value="{{ $role->name }}" 
                            type="text" 
                            class="form-control" 
                            name="name" 
                            placeholder="Name" required>
                    </div>
                    <table>
                        <thead>
                            <tr>
                                <th>Module</th>
                                <th>Permission</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $permissionArr = [];
                                
                            @endphp
                            @foreach($modules as $module)
                                <tr>
                                    <td>
                                        {{-- <input type="checkbox" class="module-checkbox" name="modules[]" value="{{ $module->id }}" {{ in_array($module->id, $permissionArr) ? 'checked' : '' }}/> --}}
                                        {{ $module->module_name }}
                                    </td>
                                    <td>
                                        @foreach($permissions as $permission)
                                        @php
                                            $permissionArr [] = $permission->module_id;
                                        @endphp
                                            @if($permission->module_id === $module->id)
                                                <input type="checkbox" class="permission-checkbox" name="permission[{{ $permission->name }}]" value="{{ $permission->name }}" data-module-id="{{ $module->id }}" {{ in_array($permission->name, $rolePermissions) 
                                                    ? 'checked'
                                                    : '' }} />
                                                {{ $permission->title }}<br>
                                            @endif
                                        @endforeach
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                    <a href="{{ route('roles.index') }}" class="btn btn-default">Back</a>
                    {{-- <button type="submit">Save Permissions</button> --}}
                </form>
        
              </div>
            </div>
        
            
          </div>
            
          {{-- Testing start here--}}

        
        
        {{-- <script>
           
        </script>
         --}}

          {{-- Testing end here --}}
    </div>
</section>

@endsection

{{-- @section('scripts') --}}
    {{-- <script type="text/javascript">
        $(document).ready(function() {
            $('[name="all_permission"]').on('click', function() {

                if($(this).is(':checked')) {
                    $.each($('.permission'), function() {
                        $(this).prop('checked',true);
                    });
                } else {
                    $.each($('.permission'), function() {
                        $(this).prop('checked',false);
                    });
                }
                
            });
        });
    </script> --}}
{{-- @endsection --}}