<div>
    <x-app-layout>
        <x-jetstream.authentication-card>
            <x-slot name="logo">
                <x-jetstream.application-mark class="hidden md:block md:h-20 xl:h-28 w-auto md:mt-3" />
            </x-slot>

            <x-jetstream.validation-errors class="mb-4" />

            <form method="POST" action="{{ route('admin.login.post') }}">
                @csrf
        
                <div class="mt-4" x-data="{ showPassword: false }">
                    <x-jetstream.label for="password" value="{{ isset($profile) && $profile->name ? str_replace('@PROFILE_NAME@', $profile->name, __('Password of @PROFILE_NAME@')) : __('Password') }}" />
                    <div class="relative">
                        <x-jetstream.input id="password" class="block mt-1 w-full pr-10" ::type="showPassword ? 'text' : 'password'" name="password" required autocomplete="current-password" autofocus />
                        <div class="absolute inset-y-0 right-0 pr-3 flex items-center text-sm leading-5">
                            <button type="button" @click="showPassword = !showPassword" class="ring-opacity-70 hover:opacity-90 focus:outline-none focus:text-gray-700">
                                <template x-if="showPassword">
                                    <x-icon name="eye" class="h-5 w-5" />
                                </template>
                                <template x-if="!showPassword">
                                    <x-icon name="eye-slash" class="h-5 w-5 opacity-70" />
                                </template>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="flex items-center justify-end mt-4"> 
                    <x-jetstream.button>
                        {{ __('Login as Admin') }}
                    </x-jetstream.button>
                </div>
            </form>
            @if (Route::has('non-user.password.email') && isset($profile))
                        <form method="GET" action="{{ route('non-user.password.request', ['profileType' => strtolower(class_basename($profile)), 'profileId' => $profile->id]) }}">
                            @csrf
                            <button type="submit" class="underline text-sm text-gray-600 hover:text-gray-900">
                                {{ __('Forgot your password?') }}
                            </button>
                        </form>
                    @endif
        </x-jetstream.authentication-card>
    </x-app-layout>

</div>
