@extends('layouts.app')

@section('title', 'Navigation Test')

@section('content')
  <div class="glass-effect rounded-xl p-8">
    <h1 class="text-3xl font-bold text-white mb-6">🧭 Navigation Test</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
      <div class="glass-effect-card rounded-xl p-6">
        <h3 class="text-white font-semibold mb-4">Navigation Links</h3>
        <div class="space-y-3">
          <a href="{{ route('dashboard') }}" class="block text-white hover:text-purple-200 transition-colors">
            <i class="fas fa-home mr-2"></i>Dashboard
          </a>
          <a href="{{ route('readme') }}" class="block text-white hover:text-purple-200 transition-colors">
            <i class="fas fa-file-alt mr-2"></i>README
          </a>
          <a href="{{ route('docs') }}" class="block text-white hover:text-purple-200 transition-colors">
            <i class="fas fa-book mr-2"></i>Documentation
          </a>
          <a href="{{ route('api.docs') }}" class="block text-white hover:text-purple-200 transition-colors">
            <i class="fas fa-code mr-2"></i>API Docs
          </a>
          <a href="{{ route('tutorial') }}" class="block text-white hover:text-purple-200 transition-colors">
            <i class="fas fa-graduation-cap mr-2"></i>Tutorial
          </a>
        </div>
      </div>

      <div class="glass-effect-card rounded-xl p-6">
        <h3 class="text-white font-semibold mb-4">Session Info</h3>
        <div class="space-y-2 text-white text-sm">
          <div><strong>User:</strong> {{ Auth::user()->name ?? 'Not logged in' }}</div>
          <div><strong>Email:</strong> {{ Auth::user()->email ?? 'N/A' }}</div>
          <div><strong>2FA Enabled:</strong> {{ Auth::user()->is_2fa_enabled ? 'Yes' : 'No' }}</div>
          <div><strong>2FA Verified:</strong> {{ session('2fa_verified') ? 'Yes' : 'No' }}</div>
          <div><strong>Session ID:</strong> {{ session()->getId() }}</div>
        </div>
      </div>
    </div>

    <div class="mt-6 text-center">
      <a href="{{ route('dashboard') }}"
        class="btn-glass px-6 py-3 rounded-lg text-white hover:bg-white hover:bg-opacity-20 transition-all duration-200">
        <i class="fas fa-arrow-left mr-2"></i>Back to Dashboard
      </a>
    </div>
  </div>
@endsection