@extends('layouts.main_layout')
@php
 $title = 'Add Access Level';
 $name = '';
 $oldPermissions = [];

 if(!empty($role)){
  $name = $role->name;
  $oldPermissions = $role->permissions->pluck('id')->toArray();
}

if(!empty(old('name'))){
  $name = old('name');
  $oldPermissions = old('permissions');
  $role_ds = old('sections');
}

@endphp
@section('title','RCSA - '.$title)

@section('main-content')
<style type="text/css">
  #selectall:hover {             /*ADD :hover */
    margin:4px;
    padding: 4px;
    width: 25px;
    height: 30px;
    background-color:#EFEFEF;
    border-radius:40px;
    border:1px solid red;      /*change border color*/ 
    overflow:auto;
    float:left;
    color:red;                 /*add font color*/
}
#selectall {             /*ADD :hover */
    margin:4px;
    padding: 2px;
    width: 25px;
    border-radius:40px;
    height: 30px;
    background-color:#EFEFEF;
    border:1px solid red;      /*change border color*/ 
    overflow:auto;
    float:left;
    color:red;                 /*add font color*/
}
</style>
 <main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head add-org edit-document document pt-3 pb-2 mb-2">
        <div>
        <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
              <a href="{{route('admin.roles.index')}}"><i class="fas fa-chevron-left"></i></a>
              <h1 class="">Add Access Level</h1>
        </div>
        <div class="row add-org-row">
          <div class="col-md-12 col-lg-12">
          @if(!empty($role))
            <form action="{{route('admin.roles.update',$role->id)}}" method="POST">
              @method('PUT')
          @else
            <form action="{{route('admin.roles.store')}}" method="POST">
          @endif
          
            @csrf
            <div class="row add-access-level">

              <div class="col-lg-6 col-md-12 p-0" style="border-right: 0;">
                  <div class="form-group">
                    <label for="orgname">Add Access Level</label>
                    <input type="text" class="form-control" id="orgname" aria-describedby="name" placeholder="" name="name" value="{{$name}}">
                  </div>
          
                  
              </div>

              <div class="col-lg-6 col-md-12">
                
              </div>

              <div class="col-lg-12 col-md-12">
                <hr>
              </div>
              <div class="matrix-rating table-responsive mt-4">
              
                <table class="permissions" cellpadding="10" cellspacing="0">
                  <tr class="headings">
                      <span>Select All</span> <br>
                      <input type="checkbox" value="" id="selectall" class="checkbox" name="selectall"><br>
                    </div>
                  </tr>
                  <tr class="headings">
                   <th>Permission</th>                            
                    <th>Add</th>
                    <th>Edit</th>
                    <th>Delete</th>
                    <th>View</th>
                  </tr>
                  @foreach($modules as $module=>$permissions)
                  <tr class="headings">
                    <td>{{ucwords(str_replace('_',' ',$module))}}</td>
                    @php $prms = ['add','edit','delete','view'] ; @endphp
                    @foreach($prms as $permission)
                      @php $count = 0; @endphp
                      @foreach($permissions as $p)

                        @if($p->name == $module.'.'.$permission)
                        @php $count++; @endphp
                      <td>
                        <div class="form-groups">
                          <input name="permissions[]" value="{{$p->id}}" class="checkboxall" type="checkbox" id="prm{{$p->id}}" @if(in_array($p->id,$oldPermissions)) checked="true" @endif> 
                          <label for="prm{{$p->id}}"></label>
                        </div>
                      </td>
                        @endif
                      @endforeach

                      @if($count <1)
                        <td></td>
                      @endif
                    @endforeach
                  </tr>
                  @endforeach
                </table>
              </div>

              <div class="col-md-12 p-0 mt-4">
                <h5 class="dashboard-element-head">Dashboard Element</h5>
                <div class="row dashboard-element">
                  
                    @foreach($dsections as $section)
                    @php 
                    $checked ='';
                    if(!empty($role_ds) && in_array($section->id,$role_ds)){
                      $checked = 'checked = "checked"';
                    }
                    @endphp
                    <div class=" col-md-6 col-lg-6 form-groups">
                          <input type="checkbox" id="sc{{$section->id}}" name="sections[]" value="{{$section->id}}" {{$checked}}>
                          <label for="sc{{$section->id}}">{{$section->name}}</label>
                    </div>
                    @endforeach
              </div>

              <div class="col-md-12 col-lg-12">
                <div class="d-flex btn_wrap">
                  <a href="{{route('admin.roles.index')}}" class="btn btn-primary btn-custom btn_custom_noBg">Cancel</a>
                  <button type="submit" class="btn btn-primary btn-custom btn_custom_bg">Save</button>
                </div>
              </div>

            </div>
          </form>
          </div>
        </div>      
        </div>
      </main>

@endsection
@section('additionalJs')
<script type="text/javascript">
  // $(document).ready(function(){
  //   $("#selectall").click(function(){
  //           if(this.checked){
  //               $('.checkboxall').each(function(){
  //                   $(".checkboxall").prop('checked', true);
  //               })
  //           }else{
  //               $('.checkboxall').each(function(){
  //                   $(".checkboxall").prop('checked', false);
  //               })
  //           }
  //       });
  // });
</script>
@endsection