@extends('layouts.app')
@section('title', 'Roles')

@section('content')
@php($total = count(\App\Support\Permissions::all()))
<x-page-header title="Roles" subtitle="A role is a set of permissions. Give each person the role that fits their job.">
    <a href="{{ route('users.index') }}" class="btn btn-ghost"><i class="bi bi-people" aria-hidden="true"></i> Users</a>
    <a href="{{ route('roles.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg" aria-hidden="true"></i> New role</a>
</x-page-header>

<div class="card">
    <div class="table-wrap">
        <table class="table table-modern table-cards align-middle">
            <thead><tr><th scope="col">Role</th><th scope="col">People</th><th scope="col" style="min-width:200px">Access</th><th scope="col"><span class="visually-hidden">Actions</span></th></tr></thead>
            <tbody>
            @foreach ($roles as $r)
                @php($n = $r->permissionCount())
                <tr>
                    <td class="cell-title cell-wrap" data-label="Role">
                        <span class="cell-main">@if ($r->is_owner)<i class="bi bi-lock-fill text-warning me-1" aria-hidden="true"></i>@endif{{ $r->name }}</span>
                        <span class="cell-sub cell-wrap" style="max-width:520px">{{ $r->description }}</span>
                    </td>
                    <td data-label="People">@if ($r->users_count)<a href="{{ route('users.index', ['role_id' => $r->id]) }}" class="text-decoration-none">{{ $r->users_count }} {{ \Illuminate\Support\Str::plural('person', $r->users_count) }}</a>@else<span class="text-muted">No one</span>@endif</td>
                    <td data-label="Access">
                        <div class="small mb-1">{{ $r->is_owner ? 'Everything' : "$n of $total permissions" }} · <span class="badge-soft badge-soft-{{ $r->seesOnlyOwnData() ? 'warning' : 'success' }} no-dot">{{ $r->seesOnlyOwnData() ? 'Only my data' : 'All data' }}</span></div>
                        <div class="mini-progress {{ $r->is_owner ? '' : ($n / $total > 0.6 ? 'is-partial' : '') }}" style="max-width:180px" role="progressbar" aria-valuenow="{{ round($n / $total * 100) }}" aria-valuemin="0" aria-valuemax="100" aria-label="Share of all permissions"><span style="width: {{ round($n / $total * 100) }}%"></span></div>
                    </td>
                    <td class="actions-col">
                        <x-row-actions :label="'Actions for the '.$r->name.' role'">
                            @unless ($r->is_owner)<li><a class="dropdown-item" href="{{ route('roles.edit', $r) }}"><i class="bi bi-pencil"></i>Edit permissions</a></li>@endunless
                            <li><a class="dropdown-item" href="{{ route('roles.create', ['from' => $r->id]) }}"><i class="bi bi-copy"></i>Duplicate</a></li>
                            @unless ($r->is_owner)
                                <li><hr class="dropdown-divider"></li>
                                <li><x-delete-button item :action="route('roles.destroy', $r)" :title="'Delete the '.$r->name.' role?'" :confirm="$r->users_count ? 'People still have this role. Move them first.' : 'No one has this role, so nobody is affected.'" /></li>
                            @endunless
                        </x-row-actions>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection