use crate::{config::Config, flowchart::FlowChart};

/// We derive Deserialize/Serialize so we can persist app state on shutdown.
#[derive(serde::Deserialize, serde::Serialize)]
#[serde(default)] // if we add new fields, give them default values when deserializing old state
pub struct TemplateApp {
    tab: Tab,

    flowchart: FlowChart,
    config: Config,
}

#[derive(serde::Deserialize, serde::Serialize, PartialEq, Eq)]
pub enum Tab {
    Flowchart,
    Test,
}

impl Default for TemplateApp {
    fn default() -> Self {
        Self {
            tab: Tab::Flowchart,
            // Example stuff:
            // label: "Hello World!".to_owned(),
            // value: 2.7,
            flowchart: FlowChart::new(),
            config: Config::new(),
        }
    }
}

impl TemplateApp {
    /// Called once before the first frame.
    pub fn new(_cc: &eframe::CreationContext<'_>) -> Self {
        // This is also where you can customize the look and feel of egui using
        // `cc.egui_ctx.set_visuals` and `cc.egui_ctx.set_fonts`.

        // Load previous app state (if any).
        // Note that you must enable the `persistence` feature for this to work.
        // if let Some(storage) = cc.storage {
        //     eframe::get_value(storage, eframe::APP_KEY).unwrap_or_default()
        // } else {
        Default::default()
        // }
    }
}

impl eframe::App for TemplateApp {
    /// Called by the framework to save state before shutdown.
    fn save(&mut self, storage: &mut dyn eframe::Storage) {
        eframe::set_value(storage, eframe::APP_KEY, self);
    }

    /// Called each time the UI needs repainting, which may be many times per second.
    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
        // Put your widgets into a `SidePanel`, `TopBottomPanel`, `CentralPanel`, `Window` or `Area`.
        // For inspiration and more examples, go to https://emilk.github.io/egui

        egui::TopBottomPanel::top("tab_panel").show(ctx, |ui| {
            // The top panel is often a good place for a menu bar:

            egui::MenuBar::new().ui(ui, |ui| {
                if ui
                    .selectable_label(self.tab == Tab::Flowchart, "Network")
                    .clicked()
                {
                    self.tab = Tab::Flowchart;
                }

                if ui
                    .selectable_label(self.tab == Tab::Test, self.config.title())
                    .clicked()
                {
                    self.tab = Tab::Test;
                }

                ui.with_layout(egui::Layout::right_to_left(egui::Align::Center), |ui| {
                    egui::widgets::global_theme_preference_switch(ui);
                });
            });
        });

        egui::TopBottomPanel::bottom("tab_panel").show(ctx, |ui| {
            ui.with_layout(egui::Layout::right_to_left(egui::Align::Center), |ui| {
                ui.label(format!("UnShell UI {}", env!("CARGO_PKG_VERSION")));
                egui::warn_if_debug_build(ui);
            });
        });

        egui::CentralPanel::default().show(ctx, |ui| match self.tab {
            Tab::Flowchart => {
                self.flowchart.paint(ui);
            }
            Tab::Test => {
                self.config.update(ui);
            }
        });
    }
}