@extends('layouts.auth')

@section('title', 'Accept Invitation')

@section('content')
    <h2>Set your password</h2>
    <p class="lead">Activate your Examism Finance Suite account</p>

    <div style="background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#3730a3;">
        <strong>{{ $user->name }}</strong> &mdash; {{ $user->email }}
    </div>

    <form method="POST" action="{{ route('invitation.accept') }}">
        @csrf
        <input type="hidden" name="token" value="{{ $token }}">

        <div class="form-row">
            <label for="password">Choose a password</label>
            <input
                id="password"
                type="password"
                name="password"
                required
                autofocus
                autocomplete="new-password"
                minlength="8"
                placeholder="Minimum 8 characters"
            >
        </div>

        <div class="form-row">
            <label for="password_confirmation">Confirm password</label>
            <input
                id="password_confirmation"
                type="password"
                name="password_confirmation"
                required
                autocomplete="new-password"
                placeholder="Repeat your password"
            >
        </div>

        <button type="submit" class="btn-primary">Activate Account</button>
    </form>
@endsection