@extends('layouts.app')
@section('title', __('users.roles'))
@section('content')
<h5 class="fw-bold mb-3">{{ __('users.roles') }}</h5>

<div class="card mb-3"><div class="card-body">
  <h6 class="fw-bold mb-2">{{ __('users.add_role') }}</h6>
  <form method="POST" action="{{ route('roles.store') }}" class="d-flex gap-2" style="max-width:420px">@csrf
    <input name="name" class="form-control" placeholder="{{ __('app.name') }}" required>
    <button class="btn btn-primary">{{ __('app.add') }}</button>
  </form>
</div></div>

@foreach($roles as $role)
<div class="card mb-3"><div class="card-body">
  <form method="POST" action="{{ route('roles.update', $role) }}">@csrf @method('PUT')
    <div class="d-flex justify-content-between align-items-center mb-2">
      <h6 class="fw-bold mb-0">{{ $role->name }} <span class="badge text-bg-light">{{ $role->users_count }} {{ __('app.user') }}</span></h6>
      <div>
        <button class="btn btn-sm btn-primary">{{ __('app.save') }}</button>
        @if($role->name !== 'admin')
          <button formaction="{{ route('roles.destroy', $role) }}" formmethod="POST" name="_method" value="DELETE" class="btn btn-sm btn-outline-danger" onclick="return confirm('{{ __('app.confirm_delete') }}')"><i class="bi bi-trash"></i></button>
        @endif
      </div>
    </div>
    <div class="row g-2">
      @foreach($permissions as $module => $perms)
      <div class="col-md-4 col-xl-3">
        <div class="border rounded p-2">
          <div class="fw-bold small mb-1">{{ __($module . '.' . $module) !== $module . '.' . $module ? __($module . '.' . $module) : $module }}</div>
          @foreach($perms as $perm)
          <div class="form-check form-check-sm">
            <input type="checkbox" name="permissions[]" value="{{ $perm->name }}" id="{{ $role->id }}-{{ $perm->id }}" class="form-check-input"
              @checked($role->hasPermissionTo($perm->name)) @disabled($role->name === 'admin')>
            <label for="{{ $role->id }}-{{ $perm->id }}" class="form-check-label small">{{ explode('.', $perm->name)[1] }}</label>
          </div>
          @endforeach
        </div>
      </div>
      @endforeach
    </div>
  </form>
</div></div>
@endforeach
@endsection