@extends('layouts.nebulox', [
  'title' => 'Invită utilizator',
  'subtitle' => 'Trimite invitație (email + token în STAGE 4)'
])

@section('content')

<div class="nx-grid nx-grid-2">
  <div class="nx-card">
    <div class="nx-card-header">Invită utilizator</div>
    <div class="nx-card-body">

      <form method="POST" action="{{ route('admin.invite.store') }}">
        @csrf

        <div class="nx-form-grid-2">
          <div>
            <label class="nx-label">FirstName</label>
            <input class="nx-input" type="text" name="firstName" required>
          </div>

          <div>
            <label class="nx-label">LastName</label>
            <input class="nx-input" type="text" name="lastName" required>
          </div>

          <div>
            <label class="nx-label">Phone</label>
            <input class="nx-input" type="text" name="phone">
          </div>

          <div>
            <label class="nx-label">Email</label>
            <input class="nx-input" type="email" name="email" required>
          </div>
        </div>

        <button class="nx-btn nx-btn-primary nx-mt-12" type="submit">Trimite invitație</button>
      </form>

      <div class="nx-muted nx-mt-12">
        În STAGE 4 legăm invitația de flow-ul Breeze Register + email cu token.
      </div>

    </div>
  </div>

  <div class="nx-card">
    <div class="nx-card-header">Invitații recente</div>
    <div class="nx-card-body">
      <div class="nx-scroll">
        <table class="nx-table">
          <thead>
            <tr>
              <th>EMAIL</th>
              <th>NUME</th>
              <th>PHONE</th>
              <th>STATUS</th>
              <th>CREATED</th>
            </tr>
          </thead>
          <tbody>
            @forelse(($invites ?? []) as $i)
              <tr>
                <td>{{ $i->email }}</td>
                <td>{{ $i->lastName }} {{ $i->firstName }}</td>
                <td>{{ $i->phone }}</td>
                <td><span class="nx-badge">{{ $i->status }}</span></td>
                <td>{{ $i->created_at }}</td>
              </tr>
            @empty
              <tr>
                <td colspan="5" class="nx-muted">No invites yet.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

@endsection