use leptos::{IntoView, component, view};

use crate::{
    api::product_parents_wrapped,
    components::{async_fetch::AsyncFetch, container::Container, icon_p::IconP},
};

#[component]
pub fn ProductParentOverview() -> impl IntoView {
    view! {
        <Container
            header="Products Parents"
            buttons=vec![
                (
                    view! { <IconP icon=icondata_io::IoClipboard text="Show products" /> },
                    "products",
                ),
                (
                    view! { <IconP icon=icondata_io::IoPricetags text="Create product parent" /> },
                    "create-product-parent",
                ),
            ]
        >
            {
                AsyncFetch! {
                    @map_error_in_producer
                    fetcher = product_parents_wrapped(),
                    producer = |product_parents| {
                        view! {
                            <p>{format!("You have {} product parents.", product_parents.len())}</p>
                        }
                    }
                }
            }
        </Container>
    }
}