invoiceninja/resources/views/livewire/e-invoice/portal.blade.php

<div class="flex flex-col bg-gray-100 p-10">

    @if (Auth::guard('user')->check())
    <div class="w-full">
        <div class="w-1/4 float-right">
            <h1 class="text-2xl font-semibold text-gray-800">Welcome, {{ Auth::guard('user')->user()->first_name }}!</h1>
                <div class="flex justify-between">
                    <button wire:click="logout" class="w-full flex bg-blue-500 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                        Logout
                    </button>
                </div>
        </div>
    </div>
    <div class="w-full flex-grow py-10 items-center justify-between">
        <div class="grid lg:grid-cols-3 mx-6 md:mx-0 md:my-2 border border-gray-300 rounded-lg shadow-md">

        <div class="font-semibold p-2 bg-gray-200 border-b border-gray-300">Name</div>
        <div class="font-semibold p-2 bg-gray-200 border-b border-gray-300">Legal Entity Id</div>
        <div class="font-semibold p-2 bg-gray-200 border-b border-gray-300">Register</div>

            @foreach($companies as $company)

            <div class="w-full mx-6 md:mx-0  border-b border-gray-300">
                <dl class="grid grid-cols-2 gap-4 mb-4">

                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.name') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['name'] }}</span>
                    </div>
                
                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.address1') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['line1'] }}</span>
                    </div>
                
                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.address2') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['line2'] }}</span>
                    </div>
                
                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.city') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['city'] }}</span>
                    </div>

                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.state') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['county'] }}</span>
                    </div>
                
                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.postal_code') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['zip'] }}</span>
                    </div>
                
                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.country') }}:</span>
                        <span class="ml-2 text-gray-600">{{ $company['country'] }}</span>
                    </div>

                    <div class="flex items-center p-1">
                        <span class="font-semibold text-gray-700">{{ ctrans('texts.vat_number') }}</span>
                        <span class="ml-2 text-gray-600">{{ $company['vat_number'] }}</span>
                    </div>
                </dl>
                  
            </div>

            <div class="p-2 border-b border-gray-300">
                {{ $company['legal_entity_id'] }}
            </div>

            <div class="p-2 border-b border-gray-300">
                @if($company['legal_entity_id'])
                    <p>Registered</p>
                @else
                    <button class="bg-blue-500 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" wire:click="register('{{ $company['key'] }}')" wire:loading.attr="disabled">Register</button>
                @endif
            </div>

            @endforeach

        </div>
    </div>
    @else
    <div class="w-full flex items-center justify-center min-h-screen bg-gray-100">
        <div class="bg-white p-6 rounded-lg shadow-lg w-full max-w-md sm:max-w-sm md:max-w-xs lg:max-w-md xl:max-w-lg">
        <h2 class="text-2xl font-bold text-center text-gray-800 mb-6">Login to Your Account</h2>

        <form wire:submit.prevent="login" class="space-y-4">
            <div>
                <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
                <input type="email" id="email" wire:model="email" class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
            </div>

            <div>
                <label for="password" class="block text-sm font-medium text-gray-700">Password</label>
                <input type="password" id="password" wire:model="password" class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
            </div>

            <div class="flex items-center justify-between">
                <button type="submit" class="w-full flex bg-blue-500 justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Login
                </button>
            </div>
            
        </form>

        @if (session()->has('error'))
            <div class="mt-4 text-red-600 text-sm font-semibold">
                {{ session('error') }}
            </div>
        @endif
        </div>
    </div>
    @endif
</div>