/* Form lưu hồ sơ học viên và thông tin nhận hoa hồng. */
function ProfileFormPanel({ form, set, save, busy, msg }) {
  return <form className="profile-form" onSubmit={save}>
    <label>Email<input value={form.contact_email || ""} onChange={(e) => set("contact_email", e.target.value)} placeholder="email nhận thông báo/hỗ trợ" /></label>
    <label>Tên học viên hiển thị<input value={form.display_name || ""} onChange={(e) => set("display_name", e.target.value)} placeholder="tên muốn team gọi khi hỗ trợ" /></label>
    <label>Nam/Nữ<select value={form.gender || ""} onChange={(e) => set("gender", e.target.value)}><option value="">Chưa chọn</option><option value="Nam">Nam</option><option value="Nữ">Nữ</option><option value="Khác">Khác</option></select></label>
    <label>Số Zalo<input value={form.zalo_phone || ""} onChange={(e) => set("zalo_phone", e.target.value)} placeholder="số Zalo để team hỗ trợ đúng người" /></label>
    <label>Tên Zalo<input value={form.zalo_name || ""} onChange={(e) => set("zalo_name", e.target.value)} placeholder="tên đang dùng trong group Zalo" /></label>
    <label>Vai trò hiện tại<input value={form.role || ""} onChange={(e) => set("role", e.target.value)} placeholder="chủ shop, creator, sale, admin..." /></label>
    <label>Ngành/việc đang làm<input value={form.business || ""} onChange={(e) => set("business", e.target.value)} placeholder="mỹ phẩm, đào tạo, dịch vụ..." /></label>
    <label>Ngân hàng nhận hoa hồng<input value={form.bank_name || ""} onChange={(e) => set("bank_name", e.target.value)} placeholder="VD: ACB, Vietcombank..." /></label>
    <label>Số tài khoản<input value={form.bank_account || ""} onChange={(e) => set("bank_account", e.target.value)} placeholder="số tài khoản nhận hoa hồng" /></label>
    <label>Chủ tài khoản<input value={form.bank_owner || ""} onChange={(e) => set("bank_owner", e.target.value)} placeholder="tên đúng theo ngân hàng" /></label>
    <label>Mục tiêu học<textarea value={form.goal || ""} onChange={(e) => set("goal", e.target.value)} placeholder="muốn làm được gì sau khóa học?" /></label>
    <label>Ghi chú cần hỗ trợ<textarea value={form.support_note || ""} onChange={(e) => set("support_note", e.target.value)} placeholder="điểm đang kẹt, thiết bị đang dùng, mong muốn..." /></label>
    {msg && <div className="profile-msg">{msg}</div>}
    <button className="btn btn-accent" disabled={busy}>{busy ? "Đang lưu..." : "Lưu hồ sơ"}</button>
  </form>;
}

Object.assign(window, { ProfileFormPanel });
