@extends('layout')
@section('title', 'People & Authority')
@section('content')
<div class="page-heading split-heading"><div><span class="eyebrow">Authority before headcount</span><h1>People & authority</h1><p>Roles express decision rights in the current organization; they are not fictional departments.</p></div><button class="button primary" data-modal-open="add-member">+ Add member</button></div>
<section class="panel table-panel"><div class="table-scroll"><table class="data-table"><thead><tr><th>Person</th><th>Role</th><th>Working title</th><th>Status</th><th>Update authority</th></tr></thead><tbody>@foreach($members as $member)<tr><td><div class="person-cell"><span>{{ mb_strtoupper(mb_substr($member->name,0,1)) }}</span><div><strong>{{ $member->name }}</strong><small>{{ $member->email }}</small></div></div></td><td>{{ \App\Enums\Role::tryFrom($member->pivot->role)?->label() }}</td><td>{{ $member->pivot->title ?: '—' }}</td><td><span class="badge {{ $member->pivot->is_active ? 'active':'closed' }}">{{ $member->pivot->is_active ? 'Active':'Inactive' }}</span></td><td><button class="text-button" data-modal-open="member-{{ $member->id }}">Edit</button></td></tr>@endforeach</tbody></table></div></section>
@foreach($members as $member)<dialog class="modal" id="member-{{ $member->id }}"><form method="POST" action="{{ route('team.update', $member) }}">@csrf @method('PUT')<header><div><span class="eyebrow">Membership control</span><h2>{{ $member->name }}</h2></div><button type="button" data-modal-close>×</button></header><div class="form-stack"><label>Role<select name="role">@foreach($roles as $value=>$label)<option value="{{ $value }}" @selected($member->pivot->role===$value)>{{ $label }}</option>@endforeach</select></label><label>Working title<input name="title" value="{{ $member->pivot->title }}"></label><label>Status<select name="is_active"><option value="1" @selected($member->pivot->is_active)>Active</option><option value="0" @selected(!$member->pivot->is_active)>Inactive</option></select></label></div><footer><button type="button" class="button ghost" data-modal-close>Cancel</button><button class="button primary" type="submit">Update membership</button></footer></form></dialog>@endforeach
<dialog class="modal" id="add-member"><form method="POST" action="{{ route('team.store') }}">@csrf<header><div><span class="eyebrow">Named accountability</span><h2>Add team member</h2></div><button type="button" data-modal-close>×</button></header><div class="form-stack"><label>Full name<input name="name" required></label><label>Email<input type="email" name="email" required></label><label>Initial password <small>Required only for a new Atlas user</small><input type="password" name="password" minlength="12"></label><label>Role<select name="role">@foreach($roles as $value=>$label)<option value="{{ $value }}">{{ $label }}</option>@endforeach</select></label><label>Working title<input name="title"></label></div><footer><button type="button" class="button ghost" data-modal-close>Cancel</button><button class="button primary" type="submit">Add member</button></footer></form></dialog>
@endsection