use yew::prelude::*;
use vcard::properties;
use crate::viewmodel::address::*;
use crate::viewmodel::VCardPropertyInputObject;
use super::VCardPropertyInputComponent;

pub struct AddressView {
    link: ComponentLink<Self>,
    value: Address,
    oninput: Callback<Address>,
    errors: Vec<String>,
}

pub enum Msg {
    UpdatePostOfficeBox(String),
    UpdateExtension(String),
    UpdateStreet(String),
    UpdateLocality(String),
    UpdateRegion(String),
    UpdateCode(String),
    UpdateCountry(String),
    ToggleWork,
    ToggleHome,
}

#[derive(Clone, PartialEq, Properties)]
pub struct Props {
    pub oninput: Callback<Address>,
    //pub errors: Vec<String>,
}

impl VCardPropertyInputComponent<properties::Address, Address> for AddressView {
    fn get_input_object(&self) -> Address {
        self.value.clone()
    }
    fn get_title(&self) -> String {
        "Address".to_string()
    }
    fn get_errors(&self) -> Vec<String> {
        self.errors.clone()
    }
}

impl Component for AddressView {
    type Message = Msg;
    type Properties = Props;
    fn create(props: <Self as yew::Component>::Properties, link: yew::html::Scope<Self>) -> Self {
        Self {
            link,
            value: Address::new(),
            oninput: props.oninput,
            errors: vec![],
        }
    }
    fn update(&mut self, msg: <Self as yew::Component>::Message) -> bool {
        match msg {
            Msg::UpdatePostOfficeBox(b) => self.value.post_office_box = b,
            Msg::UpdateExtension(e) => self.value.extension = e,
            Msg::UpdateStreet(s) => self.value.street = s,
            Msg::UpdateLocality(l) => self.value.locality = l,
            Msg::UpdateRegion(r) => self.value.region = r,
            Msg::UpdateCode(p) => self.value.code = p,
            Msg::UpdateCountry(c) => self.value.country = c,
            Msg::ToggleWork => self.value.work = !self.value.work,
            Msg::ToggleHome => self.value.home = !self.value.home,
        };
        self.oninput.emit(self.value.clone());
        true
    }
    fn change(&mut self, props: <Self as yew::Component>::Properties) -> bool { 
        self.oninput = props.oninput;
        true
    }
    fn view(&self) -> yew::virtual_dom::VNode {
        html!{
            <div class="box">
                {
                    self.render_errors()
                }

                <h3 class="subtitle">{ self.get_title() }</h3>

                {
                    self.get_input_object().render(&self.link)
                }

            </div>
        }
    }
}