@extends('layouts.guest')
@section('title', 'Activate your account – ' . \App\Models\Setting::get('system_short_name', 'TRACE'))
@section('content')

<h1 class="h3 fw-bold mb-1">Activate your account</h1>

@if(($invite ?? null) && $invite->email)
<p class="text-muted mb-4" style="font-size:.9rem">
    You've been invited as
    <strong class="text-body">{{ ucwords(str_replace('_', ' ', $invite->role)) }}</strong>.
    Just confirm your name — there's no password to choose.
</p>
@else
<p class="text-muted mb-4" style="font-size:.9rem">
    Enter your details and the invite code you were given.
</p>
@endif

@if($errors->any())
<div class="alert alert-danger py-2">
    <ul class="mb-0 ps-3 small">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
</div>
@endif

<form method="POST" action="{{ route('register') }}" class="mb-3">
    @csrf

    <div class="mb-3">
        <label class="form-label" for="name">Full name</label>
        <input type="text" id="name" name="name" class="form-control"
               value="{{ old('name') }}" required autofocus autocomplete="name">
    </div>

    <div class="mb-3">
        <label class="form-label" for="email">Email address</label>
        <input type="email" id="email" name="email" class="form-control"
               value="{{ old('email', $invite->email ?? '') }}" required autocomplete="email"
               @readonly($lockEmail ?? false)>
        @if($lockEmail ?? false)
        <div class="form-text">Fixed by your invitation.</div>
        @endif
    </div>

    <div class="mb-4">
        <label class="form-label" for="invite_code">Invite code</label>
        <input type="text" id="invite_code" name="invite_code"
               class="form-control font-monospace text-uppercase"
               value="{{ old('invite_code', $invite->code ?? '') }}" required placeholder="ABCD-12345"
               @readonly((bool) ($invite ?? null))>
        <div class="form-text">Your role is determined by this code.</div>
    </div>

    <div class="alert alert-light border d-flex align-items-start gap-2 small">
        <i class="bi bi-shield-lock mt-1"></i>
        <div>
            <strong>No password required.</strong>
            To sign in, enter your email and we'll send a six-digit code.
        </div>
    </div>

    <button type="submit" class="btn btn-primary w-100">
        Activate my account <i class="bi bi-arrow-right ms-1"></i>
    </button>
</form>

<p class="text-center small text-muted mt-4 mb-0">
    Already activated? <a href="{{ route('login') }}" class="fw-semibold text-decoration-none">Sign in</a>
</p>
@endsection