@extends('portal.layout')

@section('title', $company->name.' — TAPLY Portal')

@php
  $initials = fn ($name) => collect(preg_split('/\s+/', trim($name)))
    ->filter()->take(2)->map(fn ($w) => mb_strtoupper(mb_substr($w, 0, 1)))->implode('') ?: '?';
@endphp

@section('content')
  <div class="portal-page-head">
    <div>
      <h1>{{ $company->name }}</h1>
      <div class="subtitle">{{ $employees->count() }} {{ Str::plural('employee', $employees->count()) }} — manage cards & access</div>
    </div>
    <a href="{{ route('card.edit') }}" class="btn-ghost"><i class="bi bi-person-circle me-1"></i> My card</a>
  </div>

  <div class="panel">
    <h2>Employees</h2>
    <div style="overflow-x:auto;">
      <table class="emp-table">
        <thead>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Role</th>
            <th>Status</th>
            <th style="text-align:right;">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($employees as $emp)
            <tr>
              <td>
                <span class="avatar">{{ $initials($emp->name) }}</span>
                <span>{{ $emp->name }}</span>
                @if ($emp->id === $actor->id)
                  <span class="status-pill active ms-1">You</span>
                @endif
              </td>
              <td><span style="color:var(--text-muted);">{{ $emp->email }}</span></td>
              <td><span style="color:var(--text-muted);text-transform:capitalize;">{{ $emp->role->value }}</span></td>
              <td>
                @if ($emp->is_active)
                  <span class="status-pill active">Active</span>
                @else
                  <span class="status-pill inactive">Disabled</span>
                @endif
              </td>
              <td style="text-align:right; white-space:nowrap;">
                <a href="{{ route('card.edit', $emp) }}" class="btn-ghost">Edit card</a>
                @if ($emp->id !== $actor->id)
                  <form method="POST" action="{{ route('portal.employees.toggle', $emp) }}" class="d-inline">
                    @csrf
                    <button type="submit" class="btn-ghost">
                      {{ $emp->is_active ? 'Disable' : 'Enable' }}
                    </button>
                  </form>
                @endif
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="5" style="text-align:center; color:var(--text-muted); padding:2rem;">
                No employees yet. Add your first below.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>

  @if (session('new_credential'))
    @php $cred = session('new_credential'); @endphp
    <div class="panel" style="border-color:rgba(var(--primary-rgb),.5);">
      <h2><i class="bi bi-key me-1"></i> Credentials for {{ $cred['name'] }}</h2>
      <p style="color:var(--text-muted); margin-bottom:.75rem;">
        Shown <strong>once</strong> — copy now. We've also emailed these (check <code>storage/logs/laravel.log</code> in dev).
      </p>
      <table style="font-family:monospace; background:rgba(255,255,255,.04); border-radius:.5rem; padding:.5rem 1rem;">
        <tr><td style="padding:.25rem 1rem .25rem 0;"><strong>Email</strong></td><td>{{ $cred['email'] }}</td></tr>
        <tr><td style="padding:.25rem 1rem .25rem 0;"><strong>Password</strong></td><td>{{ $cred['password'] }}</td></tr>
      </table>
    </div>
  @endif

  <div class="panel">
    <h2>Add employee</h2>
    <form method="POST" action="{{ route('portal.employees.store') }}" class="add-form" style="grid-template-columns: 1fr 1fr auto;">
      @csrf
      <div>
        <label class="form-label-sm">Full name</label>
        <input type="text" name="name" value="{{ old('name') }}" class="form-control-dark w-100" required>
      </div>
      <div>
        <label class="form-label-sm">Email</label>
        <input type="email" name="email" value="{{ old('email') }}" class="form-control-dark w-100" required>
      </div>
      <button type="submit" class="btn-primary-purple"><i class="bi bi-person-plus me-1"></i> Add</button>
    </form>
    <p style="color:var(--text-muted); font-size:.8rem; margin-top:.75rem; margin-bottom:0;">
      A temporary password will be generated and emailed to them.
    </p>
  </div>
@endsection