// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
// ┃ Copyright: (c) 2023, Mike 'PhiSyX' S. (https://github.com/PhiSyX)         ┃
// ┃ SPDX-License-Identifier: MPL-2.0                                          ┃
// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
// ┃                                                                           ┃
// ┃  This Source Code Form is subject to the terms of the Mozilla Public      ┃
// ┃  License, v. 2.0. If a copy of the MPL was not distributed with this      ┃
// ┃  file, You can obtain one at https://mozilla.org/MPL/2.0/.                ┃
// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

use lexa_framework::html;
use lexa_framework::view::Node;

use crate::crud_site::models::entities::Article;
use crate::crud_site::routes::ArticlesRouteId;
use crate::crud_site::views::BaseHTMLLayout;

// --------- //
// Structure //
// --------- //

#[derive(lexa_framework::View)]
pub struct ArticlesEditView {
	pub article: Article,
}

// -------------- //
// Implémentation //
// -------------- //

impl ArticlesEditView {
	pub fn route_to_edit(&self) -> ArticlesRouteId<'_> {
		ArticlesRouteId::ArticlesEdit {
			id: self.article.id.simple().to_string(),
		}
	}
}

// -------------- //
// Implémentation // -> Interface
// -------------- //

impl lexa_framework::view::ViewInterface for ArticlesEditView {
	type Layout = BaseHTMLLayout;
	type Metadata = Node;
	type Scripts = Node;
	type Styles = Node;
	type View = Node;

	fn title(&self) -> String {
		format!("Éditer l'article {}", &self.article.title)
	}

	fn view(&self) -> Self::View {
		html!(
			<div>
				<a href={ ArticlesRouteId::ArticlesIndex }>
					Revenir à la liste des articles
				</a>

				<hr />

				<form action={self.route_to_edit()} method="PUT">
					<div>
						<label for="title">Title</label>
						<input id="title" name="title" value={&self.article.title} />
					</div>

					<div>
						<label for="slug">Slug</label>
						<input id="slug" name="slug" value={&self.article.slug} />
					</div>

					<div>
						<label for="content">Content</label>
						<textarea name="content">{&self.article.content}</textarea>
					</div>

					<button type="submit">
						"Éditer l'article"
					</button>
				</form>

				<hr />

				<a href:delete={ ArticlesRouteId::ArticlesDelete { id: self.article.id.simple().to_string() } }>
					Supprimer cet article
				</a>
			</div>
		)
	}
}