@page "/profile"

@using FoodsharingSiegen.Server.Dialogs
@using FoodsharingSiegen.Server.BaseClasses

@inherits FsBase

<PageTitle>Profil</PageTitle>

<div style="width: 100%; max-width: 500px;">
    
    <h2>Mein Profil</h2>
    
    <Button Color="Color.Primary" Clicked="SaveProfile">Speichern</Button>
    <Fields Class="my-3">
        <Validations @ref="ValidationsRef">
            <Validation Validator="ValidationRule.IsNotEmpty">
                <Field ColumnSize="ColumnSize.Is12">
                    <FieldLabel>Name</FieldLabel>
                    <FieldBody>
                        <TextEdit @bind-Text="User.Name"></TextEdit>
                    </FieldBody>
                </Field>
            </Validation>
            <Validation Validator="ValidationRule.None">
                <Field ColumnSize="ColumnSize.Is12">
                    <FieldLabel>Info über dich</FieldLabel>
                    <FieldBody>
                        <MemoEdit Rows="3" Placeholder="z.B. Bieb bei Rewe Musterhausen" @bind-Text="User.Memo"/>
                    </FieldBody>
                </Field>
            </Validation>
        </Validations>
    </Fields>

    <hr />
    
    <h3>Sicherheit</h3>
    <p class="mt-4 mb-1">
        Die Änderung deines Passworts ist sofort aktiv. Im Anschluss wirst du ausgeloggt und kannst dich neu einloggen.
        <Button Color="Color.Primary" Class="d-block" Clicked="() => PasswordModal?.Show(User)!"><i class="fa-solid fa-key"></i>&nbsp;Passwort ändern</Button>
    </p>
    <p class="mt-4 mb-1">
        Dein Konto zu löschen ist endgültig und kann nicht rückgängig gemacht werden.
        <Button Color="Color.Danger" Class="d-block" Clicked="RemoveAccount"><i class="fa-solid fa-trash"></i>&nbsp;Konto löschen</Button>
    </p>
</div>

<SetPasswordModal @ref="PasswordModal" OnPasswortSet="OnPasswordSet"></SetPasswordModal>