@extends('layouts.app')

@section('title', 'Home')

@section('content')
    <div class="max-w-3xl mx-auto py-20">
        <h1 class="text-3xl font-bold mb-10 text-center">Dashboard</h1>

        <h3 class="text-3xl font-bold mb-10 text-center">TeamViewer</h3>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
            {{-- checkConnection Page Link --}}
            <a href="{{ route('teamviewer.ping') }}"
                class="block p-6 border rounded-lg shadow-sm bg-white hover:bg-blue-50 transition">
                <h2 class="text-xl font-semibold mb-2 text-gray-800">Check Connection</h2>
                <p class="text-sm text-gray-600">Check the connection status of your TeamViewer account.</p>
            </a>

            {{-- Sessions Page Link --}}
            <a href="{{ route('teamviewer.sessions') }}"
                class="block p-6 border rounded-lg shadow-sm bg-white hover:bg-blue-50 transition">
                <h2 class="text-xl font-semibold mb-2 text-gray-800">Sessions</h2>
                <p class="text-sm text-gray-600">View the list of TeamViewer sessions.</p>
            </a>

            {{-- Connections Page Link --}}
            <a href="{{ route('teamviewer.connections') }}"
                class="block p-6 border rounded-lg shadow-sm bg-white hover:bg-blue-50 transition">
                <h2 class="text-xl font-semibold mb-2 text-gray-800">Connections</h2>
                <p class="text-sm text-gray-600">View the connection history.</p>
            </a>

            {{-- Users Page Link (Disabled) --}}
            <div class="block p-6 border rounded-lg shadow-sm bg-gray-100 cursor-not-allowed opacity-50">
                <h2 class="text-xl font-semibold mb-2 text-gray-400">Users</h2>
                <p class="text-sm text-gray-400">Not available due to license restriction.</p>
            </div>

            {{-- Account Page Link (Disabled) --}}
            <div class="block p-6 border rounded-lg shadow-sm bg-gray-100 cursor-not-allowed opacity-50">
                <h2 class="text-xl font-semibold mb-2 text-gray-400">Account</h2>
                <p class="text-sm text-gray-400">Not available due to license restriction.</p>
            </div>
        </div>
    </div>
@endsection