use leptos::{
    IntoView, component,
    prelude::{ClassAttribute, ElementChild},
    view,
};
use rocie_client::models::{Product, ProductParent};

use crate::{
    api::{
        product_parents_toplevel_wrapped, product_parents_under_404_wrapped,
        products_by_product_parent_id_direct_wrapped,
        products_by_product_parent_id_indirect_wrapped, products_without_product_parent_wrapped,
    },
    components::{
        async_fetch::{AsyncFetch, AsyncResource},
        catch_errors::CatchErrors,
        login_wall::LoginWall,
        site_header::SiteHeader,
    },
    pages::mk_render_parents,
};

#[component]
pub fn Products() -> impl IntoView {
    view! {
        <CatchErrors>
            <LoginWall back=move || "/products".to_owned()>
                <SiteHeader logo=icondata_io::IoArrowBack back_location="/" name="Products" />

                <ul class="flex flex-col p-2 m-2">
                    {
                        AsyncFetch! {
                            @map_error_in_producer
                        from_resource = AsyncResource!(
                            () -> Result<(Vec<ProductParent>, Vec<Product>), leptos::error::Error> {
                                Ok((
                                    product_parents_toplevel_wrapped().await?,
                                    products_without_product_parent_wrapped().await?
                                ))
                            }
                        ),
                        producer = |(parents, toplevel_products)| render_product_parents(Some(parents), Some(toplevel_products)),
                        }
                    }
                </ul>
            </LoginWall>
        </CatchErrors>
    }
}

mk_render_parents!(
    self = render_product_parents,
    parent_type = ProductParent,
    item_type = Product,
    value_renderer = render_products,
    under_parent_fetcher = product_parents_under_404_wrapped,
    indirect_fetcher = products_by_product_parent_id_indirect_wrapped,
    direct_fetcher = products_by_product_parent_id_direct_wrapped,
);

fn render_products(products: Vec<Product>) -> impl IntoView {
    products
        .into_iter()
        .map(|product| {
            view! { <li>{product.name}</li> }
        })
        .collect::<Vec<_>>()
}