@extends('layouts.master')

@section('mainContent')
    <div class="page-wrapper page-settings">
    <div class="page-menu">
            <div class="page-menu-header">
                <h2>Project Menu</h2>
                <a href="javascript:;" class="close-header-menu"> <i class="fas fa-close"></i></a>
            </div>
            <input type="hidden" name="page_name" value="{{ $page }}" id="page_name">
 
        </div>
        <div class="content">
            <div class="row">
                <div class="col-12">
                    <div class="page-header">
                        <h3>Permission</h3>
                        <ul>
                            <li class="text-primary">Project Management </li>
                            <li><a href="{{ url('roles') }}" class="text-primary">Roles</a></li>
                            <li><a href="javascript:;">Permission</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        <div class="content">
            
            <!-- HTML -->
                <!-- <div class="role-wrap content-page-header content-page-headersplit">
                    <h6>Role Name: <span>{{ $role->name }}</span></h6>   
                    <label class="checkboxs justify-content-md-end">
                        <input type="checkbox">
                        <span><i></i></span>
                        <b class="check-content">Allow All Modules</b>
                    </label>
                </div>
				

                <div class="permissions-wrapper">
                    <div class="table-responsive">
                        <table class="table bg-transparent">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Sub Modules</th>
                                    <th>Create</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                    <th>View</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="accordion" id="accordionExample">
                        <div class="module-item">
                            <h2 class="accordion-header" id="headingOne">
                                <a href="javascript:;" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    <span class="me-4">1</span>Project Management
                                </a>
                            </h2>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="table-resposnive role-table">
                                    <table class="table">
                                        <thead class="d-none">
                                            <tr>
                                                <th>#</th>
                                                <th>Sub Modules</th>
                                                <th>Create</th>
                                                <th>Edit</th>
                                                <th>Delete</th>
                                                <th>View</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>Dashboard</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>Projects</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>3</td>
                                                <td>Estimations</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>4</td>
                                                <td>Milestones</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>5</td>
                                                <td>Tasks</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>                           
                            </div>
                        </div>
                        <div class="module-item">
                            <h2 class="accordion-header" id="headingTwo">
                                <a href="javascript:;" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                                    <span class="me-4">2</span>Policy Management
                                </a>
                            </h2>
                            <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="table-resposnive role-table">
                                    <table class="table">
                                        <thead class="d-none">
                                            <tr>
                                                <th>#</th>
                                                <th>Sub Modules</th>
                                                <th>Create</th>
                                                <th>Edit</th>
                                                <th>Delete</th>
                                                <th>View</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>Dashboard</td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" >
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                </td>
                                            </tr>
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="module-item">
                            <h2 class="accordion-header" id="headingThree">
                                <a href="javascript:;" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                                    <span class="me-4">3</span>Risk Management
                                </a>
                            </h2>
                            <div id="collapseThree" class="accordion-collapse collapse show" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="table-resposnive role-table">
                                    <table class="table">
                                        <thead class="d-none">
                                            <tr>
                                                <th>#</th>
                                                <th>Sub Modules</th>
                                                <th>Create</th>
                                                <th>Edit</th>
                                                <th>Delete</th>
                                                <th>View</th>
                                            </tr>
                                        </thead>
                                        
                                    </table>
                                </div>                      
                            </div>
                        </div>
                        <div class="btn-path text-center mt-4">                                    
                            <a href="javascript:void(0);" class="btn btn-cancel me-3">Back</a>
                            <button type="submit" class="btn btn-submit ">Update</button>
                        </div>
                    </div>
                </div> -->

            <!-- /html -->
           
 
            <div class="role-wrap content-page-header content-page-headersplit">
                    <h6>Role Name: <span>{{ $role->name }}</span></h6>   
                    <label class="checkboxs justify-content-md-end">
                    <input type="checkbox" id="allow-all-checkbox">
                        <span><i></i></span>
                        <b class="check-content">Allow All Modules</b>
                    </label>
            </div>
           
                    
                    <form method="POST" action="{{ route('roles.permissions.update') }}">
                        @csrf
                        <input type="hidden" value="{{ $role->id }}" name="role_id" id="role_id">
                        <div class="permissions-wrapper">
                        <div class="table-responsive">
                            <table class="table bg-transparent">
                                <thead>
                                    <tr>
                               
                                        <th>#</th>
                                        <th>Modules</th>
                                        <th>List</th>
                                        <th>Create</th>
                                        <th>Edit</th> 
                                        <!-- <th>View</th> -->
                                        <th>Delete</th> 
                                        <th>Setup</th>
                                        
                                    </tr>
                            </thead>
                            </table>
                        </div>
                    <div class="accordion" id="accordionExample">
                        @php
                            $counter = 1;$text='';
                        @endphp
                        @foreach ($permissions as $k => $module)
                       
                        @if($counter == 1)
                                                   @elseif($counter == 2)
                                                @elseif($counter == 3)
                          
                        @elseif($counter == 4)
                              
                        @elseif($counter == 5)
                                                    @elseif($counter == 6)
                                                    @elseif($counter == 7)
                                                    @else
                                                    @endif