rezervovator/src/pages/profile_edit.rs

use leptos::*;
use crate::backend::data::User;
use crate::backend::user::UpdateProfile;
use crate::components::data_form::DataForm;
use crate::components::modal_box::DialogOpener;

#[component]
pub fn ProfileEdit(user: ReadSignal<User>, opener: DialogOpener) -> impl IntoView {
    let update_user = create_server_action::<UpdateProfile>();

    view! {
        <DataForm opener=opener action=update_user title="Edit profile">
            <input type="hidden" value={move || user.get().login} name="user[login]"/>
            <div class="row">
                <div class="col mb-3">
                    <label  for="name" class="form-label">"Full name"</label>
                    <input
                        type="text"
                        id="name"
                        class="form-control"
                        placeholder="Enter Full name"
                        prop:value={move || user.get().full_name}
                        name="user[full_name]"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col mb-3">
                    <label  for="email" class="form-label">"Email"</label>
                    <input
                        type="text"
                        id="name"
                        class="form-control"
                        placeholder="Enter email"
                        prop:value={move || user.get().email.unwrap_or("".to_string())}
                        name="user[email]"
                    />
                </div>
            </div>
            <div class="row">
                <div class="col mb-3">
                    <input
                        class="form-check-input"
                        type="checkbox"
                        id="getMail"
                        prop:value={move || if user.get().get_emails {"true"} else {"false"}}
                        prop:checked={move || user.get().get_emails}
                        name="user[get_emails]"
                    />
                    <label class="form-check-label" for="getMail">"Get emails"</label>
                </div>
            </div>
        </DataForm>
    }
}