@extends('layouts.app')

@section('content')
<div class="bg-white shadow rounded-lg p-6">
    <h2 class="text-2xl font-bold mb-4 text-gray-700">Admin Dashboard</h2>
    <p class="text-gray-600 mb-6">Manage tenants and users from this panel.</p>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
        <a href="{{ route('tenants.index') }}" class="block bg-indigo-50 hover:bg-indigo-100 p-4 rounded-lg border border-indigo-200">
            <h3 class="text-lg font-semibold text-indigo-700">Tenant Management</h3>
            <p class="text-sm text-gray-600 mt-1">View and create tenants</p>
        </a>

        <a href="#" class="block bg-indigo-50 hover:bg-indigo-100 p-4 rounded-lg border border-indigo-200">
            <h3 class="text-lg font-semibold text-indigo-700">User Management</h3>
            <p class="text-sm text-gray-600 mt-1">Assign roles and invite users</p>
        </a>

        <a href="{{ route('phones.index') }}" class="block bg-indigo-50 hover:bg-indigo-100 p-4 rounded-lg border border-indigo-200">
            <h3 class="text-lg font-semibold text-indigo-700">Phone Management</h3>
            <p class="text-sm text-gray-600 mt-1">Add and Edit Phone Assignments</p>
        </a>
    </div>
</div>
@endsection