@extends('web.layouts.app', ['title' => 'CEO Dashboard'])
@section('content')
<div class="grid grid-3">
    <div class="card stat"><span class="muted">Paid Revenue TRY</span><strong>{{ number_format($paymentsTotal / 100, 2) }}</strong></div>
    <div class="card stat"><span class="muted">Staff</span><strong>{{ $staff->count() }}</strong></div>
    <div class="card stat"><span class="muted">Audit Events</span><strong>{{ $audit->count() }}</strong></div>
</div><br>
<div class="grid grid-2">
    <section class="card">
        <h2>Role Control</h2>
        <table class="table"><tr><th>User</th><th>Roles</th><th>Grant</th></tr>
        @foreach($users as $user)
            <tr>
                <td>{{ $user->username }}</td>
                <td>{{ $user->staffRoles->pluck('name')->join(', ') ?: '-' }}</td>
                <td>
                    <form method="post" action="{{ route('web.ceo.roles.grant', $user) }}" class="row">
                        @csrf
                        <select name="role">@foreach($roles as $role)<option value="{{ $role }}">{{ $role }}</option>@endforeach</select>
                        <button class="btn primary">Grant</button>
                    </form>
                    <form method="post" action="{{ route('web.ceo.roles.revoke', $user) }}" class="row">
                        @csrf @method('delete')
                        <select name="role">@foreach($roles as $role)<option value="{{ $role }}">{{ $role }}</option>@endforeach</select>
                        <button class="btn">Revoke</button>
                    </form>
                </td>
            </tr>
        @endforeach
        </table>
    </section>
    <section class="card">
        <h2>Audit Log</h2>
        @foreach($audit as $log)
            <p>{{ $log->action }} <span class="muted">actor #{{ $log->actor_id }} {{ $log->created_at?->diffForHumans() }}</span></p>
        @endforeach
    </section>
</div>
@endsection