@extends('layouts.app')

@section('content')
<div class="container mx-auto max-w-3xl py-10">
  <h1 class="text-2xl font-bold mb-4">CAS Profile</h1>

  <div class="mb-6">
    <p class="text-lg">Logged in as: <span class="font-mono">{{ $user }}</span></p>
    <p class="text-sm text-gray-600">(<a href="{{ route('logout') }}" class="underline">logout</a>)</p>
  </div>

  <h2 class="text-xl font-semibold mb-2">Attributes</h2>
  @if(empty($attributes))
    <p>No attributes returned.</p>
  @else
    <div class="overflow-x-auto">
      <table class="min-w-full border border-gray-300">
        <thead>
          <tr class="bg-gray-100">
            <th class="text-left p-2 border-b">Key</th>
            <th class="text-left p-2 border-b">Value</th>
          </tr>
        </thead>
        <tbody>
        @foreach($attributes as $key => $value)
          <tr>
            <td class="p-2 border-b font-mono align-top">{{ $key }}</td>
            <td class="p-2 border-b">
              @if(is_array($value))
                <ul class="list-disc list-inside">
                  @foreach($value as $v)
                    <li class="font-mono">{{ $v }}</li>
                  @endforeach
                </ul>
              @else
                <span class="font-mono">{{ $value }}</span>
              @endif
            </td>
          </tr>
        @endforeach
        </tbody>
      </table>
    </div>
  @endif
</div>
@endsection