use leptos::{IntoView, component, view};
use log::info;
use rocie_client::models::UnitId;
use uuid::Uuid;

use crate::components::{form::Form, site_header::SiteHeader};

#[component]
pub fn Buy() -> impl IntoView {
    view! {
        <SiteHeader logo=icondata_io::IoPricetag back_location="/" name="Buy" />

        {Form! {
            on_submit = |product_barcode, amount, unit_id| {
                info!("Got product barcode: {product_barcode} with amount: {amount}, {unit_id}");
            };

            <Input
                name=product_barcode,
                rust_type=u32,
                html_type="number",
                label="Product Barcode"
            />
            <Select
                name=unit_id,
                rust_type=Uuid,
                label="Unit",
                options=[
                    ("Kilogram", Uuid::new_v4()),
                    ("Gram",  Uuid::new_v4())
                ]
            />
            <Input
                name=amount,
                rust_type=u16,
                html_type="number",
                label="Amount"
            />
        }}
    }
}