@extends('layouts.guest', ['title' => 'Accept invitation'])

@section('content')

  @if(session('status'))
    <div class="nx-alert nx-alert-ok" style="margin-bottom:12px;">
      {{ session('status') }}
    </div>
  @endif

  @if($errors->any())
    <div class="nx-alert nx-alert-bad" style="margin-bottom:12px;">
      <div style="font-weight:800; margin-bottom:6px;">Fix the errors below</div>
      <ul style="margin:0; padding-left:18px;">
        @foreach($errors->all() as $e)
          <li>{{ $e }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="nx-muted" style="margin-bottom:12px;">
    You were invited as: <strong>{{ $invite->email }}</strong>
  </div>

  <form method="POST" action="{{ route('invite.accept.store', $invite->token) }}">
    @csrf

    <label class="nx-label">Your name</label>
    <input class="nx-input"
           name="name"
           value="{{ old('name') }}"
           required
           placeholder="First Last">

    <div class="nx-mt-12"></div>

    <label class="nx-label">Set password</label>
    <input class="nx-input"
           type="password"
           name="password"
           required
           placeholder="Minimum 10 characters">

    <div class="nx-mt-12"></div>

    <label class="nx-label">Confirm password</label>
    <input class="nx-input"
           type="password"
           name="password_confirmation"
           required>

    <button class="nx-btn nx-btn-primary nx-w-full nx-mt-12" type="submit">
      Activate account
    </button>
  </form>

@endsection