@extends('admin.includes.app')
@push('page_external_css')
@endpush

@section('content')
  <title>Assigned permissions</title>
  <div class="pagetitle">
    <h1>Assigned permissions</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
        <li class="breadcrumb-item">Permission</li>
        <li class="breadcrumb-item active">Assigned permissions</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->
  <section class="section profile">
      <div class="row">
        <div class="col-xl-12">
          <div class="card">
            <div class="card-body pt-3">
              <!-- Profile Edit Form -->
               <table class="table table-striped">
                  <thead>
                      <th scope="col" width="20%">Name</th>
                      <th scope="col" width="1%">Guard</th> 
                  </thead>

                  @foreach($rolePermissions as $permission)
                      <tr>
                          <td>{{ $permission->name }}</td>
                          <td>{{ $permission->guard_name }}</td>
                      </tr>
                  @endforeach
              </table>
            </div>
          </div>

        </div>
      </div>
    </section>
@endsection
@push('page_external_script')
<script type="text/javascript">
$(document).ready(function() {
    $('[name="all_permission"]').on('click', function() {

        if($(this).is(':checked')) {
            $.each($('.permission'), function() {
                $(this).prop('checked',true);
            });
        } else {
            $.each($('.permission'), function() {
                $(this).prop('checked',false);
            });
        }
        
    });
});
</script>
@endpush