@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">Create</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;">Roles</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.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input value="{{ old('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'>
                                </td>
                                <td>{{ $permission->title }}</td>
                                <td>{{ $permission->guard_name }}</td>
                            </tr>
                        @endforeach
                    </table>
        
                    <button type="submit" class="btn btn-primary">Save</button>
                    <a href="{{ route('roles.index') }}" class="btn btn-default">Back</a>
                </form> --}}

                          {{-- Role test start here --}}

          <form method="post"  action="{{ route('roles.store') }}">
            @csrf
            <div class="mb-3">
                <label for="name" class="form-label">Name</label>
                <input value="{{ old('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 }}"/>
                                {{ $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 }}" />
                                        {{ $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>
          {{-- Role test end here --}}
        
              </div>
            </div>
        
            
          </div>



            

    </div>
</section>
@endsection

{{-- @section('script')
   
@endsection --}}