@extends('admin.layout.master')
@section('title','ROLE MANAGEMENT')
@section ('content') 
        <div class="card sina-card"> 
            <div class="card-header card-header-s d-flex flex-wrap align-items-center">
                <h4 class="col-6 pl-0">ROLES CREATE</h4> 
            </div> 
            <div class="card-body"> 
                <form action="{{route('role.store')}}" method="post">
                    @csrf
                    <div class="d-flex justify-content-center mt-2">
                        <div class="col-1"></div>
                        <div class="col-2 pr-0">
                            <label for="name" class=" ">Role Name</label>
                        </div>
                        <div class="col-6" style="margin-left: -75px">
                            <input type="text" name="name" id="name" class="form-control" required>
                        </div>
                        <div class="col-2 pl-2">
                            {{-- <button type="submit" class="btn btn-info btn-hover btn-sm">Submit</button> --}}
                            <button style="position: fixed;top:50%;right:2px;" class="btn-sina-submit" type="submit"><i class="fa fa-save"></i> Save </button>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <div id="tree" class="tree treeview"></div>
                    </div>
                    <br>
                    <div class="table-responsive">
                        <table id="protable" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>SL</th>
                                    <th>Name</th>
                                    <th>INDEX</th>
                                    <th>CREATE</th>
                                    <th>EDIT</th>
                                    <th>DELETE</th>
                                </tr>
                            </thead>
                            <tbody>
                            @php
                                $i=0;
                            @endphp
                                @forelse($permission_groups as $key=>$permissions)
                                    <tr>
                                        <th><h5>{{++$i}}</h5></th>
                                        <th>
                                            <input id="{{strtolower($key)}}-select-all" onclick="checkAll('{{strtolower($key)}}')" type="checkbox">
                                            <label for="{{strtolower($key)}}-select-all">{{strtoupper($key)}}</label>
                                        </th>
                                        <!-- <th>
                                        <table>
                                            <tr> -->
                                            @forelse($permissions as $permission)
                                            {{-- $suppix=explode('.',$permission->route_name)
                                            @if($suppix[1]=='index')  --}}
                                                <th>
                                                    <div class="checkbox">
                                                        <input  type="checkbox" class="{{strtolower($key)}}-select" name="asigned_permission[]" value="{{$permission->id}}">
                                                        <label for="demo-form-checkbox">{{$permission->name}}</label>
                                                    </div>
                                                </th>
                                                {{-- @else
                                                <th></th>
                                            @endif  --}}
                                            @empty
                                            @endforelse
                                            <!-- </tr>
                                        </table>
                                        </th> -->
                                        
                                    </tr>                                           
                                @empty
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </form>
            </div> 
        </div> 
@endsection
@section('script')
    <!-- page script -->
    <script type="text/javascript">
    function checkAll(lebel_group){
        var consd=$("."+lebel_group+"-select").attr('checked');
        if(consd){
             $("."+lebel_group+"-select").attr('checked', false);
             }else{
                $("."+lebel_group+"-select").attr('checked', true);
             }
               
        }
        

    </script>
@stop