use rooms::RoomList;
use wasm_bindgen::prelude::*;
use yew::prelude::*;
use yew_router::{components::RouterAnchor, prelude::*};

pub mod grpc;
pub mod rooms;

#[derive(Switch, Clone, Debug)]
pub enum AppRoute {
    #[to = "/rooms"]
    Rooms,
    #[to = "/rooms/{room_id}"]
    Room(String),
    #[to = "/"]
    Index,
}

type AppRouter = Router<AppRoute>;
type AppAnchor = RouterAnchor<AppRoute>; //For rendering clickable links.

fn render_route(switch: AppRoute) -> Html {
    match switch {
        AppRoute::Rooms => {
            html! {
                <RoomList />
            }
        }
        AppRoute::Room(room_id) => {
            html! {
                <div>{"This is the specifi roompage."}</div>
            }
        }
        AppRoute::Index => {
            html! {
                <RoomList />
            }
        }
    }
}

// struct AppMenu;

// impl Component for AppMenu {
//     type Message = ();
//     type Properties = ();

//     fn create(_: Self::Properties, _link: ComponentLink<Self>) -> Self {
//         Self
//     }

//     fn update(&mut self, _msg: Self::Message) -> ShouldRender {
//         false
//     }

//     fn change(&mut self, _: Self::Properties) -> ShouldRender {
//         false
//     }

//     fn view(&self) -> Html {
//         html! {
//              <ul>
//                 <li>
//                     <AppAnchor route=AppRoute::Index>{"Home"}</AppAnchor>
//                 </li>
//                 <li>
//                     <AppAnchor route=AppRoute::Oaths>{"Oaths"}</AppAnchor>
//                 </li>
//                 <li>
//                     <AppAnchor route=AppRoute::Commitments>{"Commitments"}</AppAnchor>
//                 </li>
//                 <li>
//                     <AppAnchor route=AppRoute::Studies>{"Studies"}</AppAnchor>
//                 </li>
//                 <li>
//                     <AppAnchor route=AppRoute::RunicDivination>{"Runic Divination"}</AppAnchor>
//                 </li>
//              </ul>
//         }
//     }
// }

struct App;

impl Component for App {
    type Message = ();
    type Properties = ();

    fn create(_: Self::Properties, _link: ComponentLink<Self>) -> Self {
        Self
    }

    fn update(&mut self, _: Self::Message) -> ShouldRender {
        false
    }

    fn change(&mut self, _: Self::Properties) -> ShouldRender {
        false
    }

    fn view(&self) -> Html {
        html! {
            <div>
            {"Hello World"}
            <AppRouter render=AppRouter::render(render_route) />
            </div>
        }
    }
}

#[wasm_bindgen(start)]
pub fn run_app() {
    //App::<EncryptedImage>::new().mount_with_props(body, props);
    yew::start_app::<App>();
}