<!-- profile/profile.blade.php -->
<div>
    {{-- Top Nav --}}
    @include('livewire.profile.top-nav.profile')

    <div class="mt-10">
            <div class="flex items-center space-x-4 px-5 py-4 bg-gray-300">
                <x-heroicon-s-user-circle class="w-20 h-20 mr-2 text-gray-500"/>
                <h3 class="text-2xl font-semibold text-gray-800">LBTek Systems</h3>
            </div>

            <div class="text-md px-10 p-10 bg-white">
                <div>
                    <h4 class="font-bold mb-5">My Information</h4>
                    <p><span class="font-semibold">Username:</span> lbteksupport</p>
                    <p><span class="font-semibold">Email:</span> <a href="mailto:support@lbteksystems.com"
                            class="text-blue-600 hover:underline">support@lbteksystems.com</a></p>
                </div>
                <div>
                    <h4 class="font-bold mt-10 mb-5">Access Role</h4>
                    <p><span class="font-semibold">Role:</span> System Admin</p>
                </div>
            </div>
    </div>
</div>
