@extends('backend.layouts.app')
@section('content')
@include('backend.layouts.navbar')
@include('backend.layouts.sidebar')
<div class="bg-lt-blue px-4 mt-5 pt-4 table-custom">
  <div class="d-flex justify-content-between align-items-center">
    <div class="">
      <h1 class="user-req-tit text-primary">Role List</h1>
      <ul class="d-flex p-0 bread-crumb align-items-center mt-1">
        <li>
          <a href="">roles <i class="fa fa-arrow-right"></i></a>
        </li>
        <li>role edit</li>
      </ul>
    </div>
  </div>
  <form action="{{ route('roles.update',[$role->id]) }}" class="validation-edit-role" method="POST">
    @csrf
    @method('PUT')
    @if ($errors->any())
      <div class="alert alert-danger alert-dismissible fade show">
          <button type="button" class="close" data-dismiss="alert">&times;</button>
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
  @endif
  <div class="col-xs-12">
    <div class="px-0 col-sm-6 modal-label-input">
    <label class="text-primary-dark" for="">Role<span class="text-danger">*</span></label>
      <input
        placeholder="create Roles"
        type="text"
        class="bg-transparent"
        value="{{ $role->name }}"
        name="role"
        id="role"
      />
     
    </div>
    <p class="permission-text text-danger mb-0 mt-2" for="">Permissions</p>

    <div class="roles-page mt-0 d-flex flex-wrap">
    @foreach($modules as $module)
      <div class="form-group col-xs-12 col-sm-6 col-lg-4 col-xxl-3 pl-0">
        <h6>{{ $module->name }}</h6>
        @foreach($module->permissions as $permission)
        @if($permission->id != 51)

        <div class="form-check">
          <input
          @php 
          if (in_array($permission->id, $role_permissions))
          {
          echo "checked";
          }
         else
          {
          echo "";
          }  
           @endphp
            class="form-check-input"
            type="checkbox"
            value="{{ $permission->id }}"
            id="example-checkbox-default1"
            name="selected[]"
          />
          <label class="form-check-label" for="example-checkbox-default1"
            >{{ $permission->operation }}</label
          >
        </div>
        @endif
        @endforeach
      </div>
      @endforeach
    </div>
 
  </div>
  <div class="col-xs-12 d-flex justify-content-centre pr-2 mb-2">
            <button type="submit" class="submit-btn">
              Submit
            </button>
          </div>
</form>
</div>
@endsection
<script>

   //One.helpers('validation');
$('.validation-edit-role').validate({
            ignore: [],
            rules: {
                'role': {
                    required: true,
                },
              
              
            },
            messages: {
                'role': 'Please enter role name!',
            }
        });
</script>