use iced::widget::{Column, column, container, pane_grid, text};
use iced::{Alignment, Length};
use iced_drop::droppable;
use iced_material::Theme;

use super::style;
use crate::types::{Element, ElementName, Message};

fn items_list_view<'a>() -> Element<'a, Message> {
    let mut column = Column::new()
        .spacing(20)
        .align_x(Alignment::Center)
        .width(Length::Fill);

    for item in ElementName::ALL {
        column = column.push(
            droppable(text(item.clone().to_string()))
                .drag_center(true)
                .on_drop(|point, rect| {
                    Message::DropNewElement(item.clone(), point, rect)
                }),
        );
    }

    container(column)
        .width(Length::Fill)
        .height(Length::Fill)
        .into()
}

pub fn view<'a>(is_focused: bool) -> pane_grid::Content<'a, Message, Theme> {
    let items_list = items_list_view();
    let content = column![items_list]
        .align_x(Alignment::Center)
        .height(Length::Fill)
        .width(Length::Fill);
    let title = text("Element List");
    let title_bar = pane_grid::TitleBar::new(title)
        .padding(10)
        .style(style::title_bar);
    pane_grid::Content::new(content)
        .title_bar(title_bar)
        .style(if is_focused {
            style::pane_focused
        } else {
            style::pane_active
        })
}