use crate::view::WeakComponentLink;
use crate::viewmodel::Error;
use yew::prelude::*;
use crate::viewmodel::telephone::*;
use crate::viewmodel::VCardPropertyInputObject;
use super::VCardPropertyInputComponent;

pub struct TelephoneView {
    props: Props,
    value: Telephone,
    error: Option<Error>,
}

pub enum Msg {
    UpdateNumber(String),
    UpdateExtension(String),
    ToggleWork,
    ToggleHome,
    ToggleText,
    ToggleVoice,
    ToggleFax,
    ToggleCell,
    ToggleVideo,
    TogglePager,
    ToggleTextPhone,

    Generate,
}

#[derive(Clone, PartialEq, Properties)]
pub struct Props {
    pub generated: Callback<Telephone>,
    pub weak_link: WeakComponentLink<TelephoneView>,
}

impl VCardPropertyInputComponent<Telephone> for TelephoneView {
    fn get_input_object(&self) -> Telephone {
        self.value.clone()
    }
    fn get_title(&self) -> String {
        "Telephone".to_string()
    }
    fn get_error(&self) -> Option<Error> {
        self.error.clone()
    }
}

impl Component for TelephoneView {
    type Message = Msg;
    type Properties = Props;
    fn create(props: <Self as yew::Component>::Properties, link: yew::html::Scope<Self>) -> Self {
        props.weak_link.borrow_mut().replace(link);
        Self {
            props,
            value: Telephone::new(),
            error: None,
        }
    }
    fn update(&mut self, msg: <Self as yew::Component>::Message) -> bool {
        match msg {
            Msg::UpdateNumber(n) => self.value.number = n,
            Msg::UpdateExtension(e) => self.value.extension = e,
            Msg::ToggleWork => self.value.work = !self.value.work,
            Msg::ToggleHome => self.value.home = !self.value.home,
            Msg::ToggleText => self.value.text = !self.value.text,
            Msg::ToggleVoice => self.value.voice = !self.value.voice,
            Msg::ToggleFax => self.value.fax = !self.value.fax,
            Msg::ToggleCell => self.value.cell = !self.value.cell,
            Msg::ToggleVideo => self.value.video = !self.value.video,
            Msg::TogglePager => self.value.pager = !self.value.pager,
            Msg::ToggleTextPhone => self.value.text_phone = !self.value.text_phone,
            Msg::Generate => {
                self.props.generated.emit(self.value);
            }
        };
        true
    }
    fn change(&mut self, props: <Self as yew::Component>::Properties) -> bool { 
        if self.props != props {
            self.props = props;
            true
        } else {
            false
        }
    }
    fn view(&self) -> yew::virtual_dom::VNode {
        let link = self.props.weak_link.borrow().clone().unwrap();

        html!{
            <div class="box">
                { self.render_error() }

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

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

            </div>
        }
    }
}