@if (session('status') === 'profile-updated')
    <div
        x-data="{ show: true }"
        x-show="show"
        x-transition
        x-init="setTimeout(() => show = false, 2000)"
    >
        <x-t-toast
            variant="success"
            icon="<i class='fa-solid fa-check'></i>"
        >
            {{ __('Saved') }}
        </x-t-toast>
    </div>
@endif
<form id="send-verification" method="post" action="{{ route('verification.send') }}">
    @csrf
</form>
<div class="grid grid-cols-1 md:grid-cols-2 gap-10">
    <div>
        <x-t-heading
            variant="light"
            level="3"
            size="sm"
        >
                {{ __('Profile Information') }}
        </x-t-heading>
        <x-t-text
            size="sm"
            pretty
        >
            {{ __("Update your account's profile information and email address.") }}
        </x-t-text>
    </div>
    <form method="post" action="{{ route('profile.update') }}">
        @csrf
        @method('patch')
        <x-t-input
            type="text"
            label="{{__('Name')}}"
            name="name"
            :value="old('name', $user->name)"
            variant="{{ $errors->get('name') ? 'danger' : '' }}"
            required
            autofocus
            autocomplete="name"
            hint="{{ config('streamline.demo_mode.enabled') === true ? 'Disabled in demo mode' : '' }}"
            :disabled="config('streamline.demo_mode.enabled') === true"
        />
        <x-input-error :messages="$errors->get('name')" class="mt-2" />
        <x-t-input
            type="text"
            label="{{__('Email')}}"
            name="email"
            :value="old('email', $user->email)"
            variant="{{ $errors->get('email') ? 'danger' : '' }}"
            required
            autocomplete="username"
            class="mb-0"
            hint="{{ config('streamline.demo_mode.enabled') === true ? 'Disabled in demo mode' : '' }}"
            :disabled="config('streamline.demo_mode.enabled') === true"
        />
        <x-input-error :messages="$errors->get('email')" class="mt-2" />
        @if ($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail())
            <x-t-alert
                variant="warning"
                border="false"
                shadow
                class="my-5"
            >
                <x-t-grid cols="2" gap="sm" class="md:items-center">
                    <x-t-text variant="warning" class="mb-0">{{ __('Your email address is unverified.') }}</x-t-text>
                    <x-t-button
                        type=""
                        form="send-verification"
                        variant="success"
                    >
                        {{ __('Resend Verification Email') }}
                    </x-t-button>
                </x-t-grid>
            </x-t-alert>
            @if (session('status') === 'verification-link-sent')
                <x-t-alert
                    variant="success"
                    border="false"
                    shadow
                    class="my-5"
                >
                    <x-t-text variant="success" class="mb-0">{{ __('A new verification link has been sent to your email address.') }}</x-t-text>
                </x-t-alert>
            @endif    
        @endif
        <div class="flex justify-end mt-5">
            <x-t-button
                type="submit"
                variant="success"
                prefix="<i class='fa-solid fa-check'></i>"
            >
                {{ __('Save') }}
            </x-t-button>
        </div>
    </form>
</div>