@extends('web::backend.layouts.kpm.base')

@section('content')

<div class="box-head-single box-head-single-candidate" style="padding:10px !important;border-radius: 10px;">
    <div class="container">
        <div class="">
            <h6><i data-feather="user" class="w-14 h-14 mr-2"></i> @lang('web::user-management.role-label')
            <a href="/user/addrole" class="btn btn-default btn-small" style="float:right"><i data-feather="plus" class="w-4 h-4 mr-2"></i>@lang('web::user-management.role-add-button-label')</a></a></h6>

            
            <div class="head-info-profile">
               <p class="m-0 subtitle font-weight-700" style="color:#000480"><b style="font-size: 20px">@lang('web::user-management.role-index')</b> : {{$role->count()}} @lang('web::user-management.role-label')
            </div>
            
        </div>
    </div>
  </div>
<br>
<br>

<div class="grid grid-cols-12 gap-6 mt-5 p-5">
    @foreach($role as $key => $roles)

       <div class="col-span-12 sm:col-span-6 xl:col-span-6 intro-y">
           <a href="/user/editrole/{{$roles->id}}" style="color:white !important" onclick="">
              <div class="report-box zoom-in">
                  <div class="box p-3 zoom-in" style="background: linear-gradient(45deg, #00CCB0, #00B89A) !important;height: 120px;font-size: 14px">
                            <div class="text-base"><b><i data-feather="user" class="w-14 h-14 mr-2"></i>{{$roles->name}}</b></div>
                             <div>&nbsp;</div>
                            <span>{{$roles->permission->count()}} @lang('web::user-management.permission-label')</span>
                        </div>
              </div>
              </a>
      </div>
    @endforeach
</div>


   

@endsection