@use crate::templates::{button_js, file_js};
@use crate::{templates::layouts::home, nav::NavState, submissions::SubmissionState};
@use hyaenidae_toolkit::{templates::{button_group, card, card_body, card_title, file_input, text_input}, Button, Card};
@use hyaenidae_toolkit::templates::image;

@(state: &SubmissionState, nav_state: &NavState)

@:home("Update Submission", "Update information or images", nav_state, {
    @:button_js()
    @:file_js()
}, {
    @if !state.is_published() {
        @:card(&Card::full_width().dark(nav_state.dark()), {
            <form method="POST" action="@state.publish_path()">
                @:card_title({ Publish submission })
                @:card_body({
                    Publish this submission
                })
                @if let Some(error) = &state.publish_error {
                    @:card_body({ @error })
                }
                @:card_body({
                    @:button_group(&[
                        Button::primary("Publish"),
                    ])
                })
            </form>
        })
    }
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="@state.update_path()">
            @:card_title({ Add submission information })
            @:card_body({
                @:text_input(&state.title)
                @:text_input(&state.description)
            })
            @:card_body({
                @:button_group(&[
                    Button::primary("Save"),
                ])
            })
        </form>
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ Remove Files })
        @for (id, img) in state.images() {
            <form method="POST" action="@state.remove_file_path()">
                @:card_body({
                    <div class="columns">
                        <div class="columns--column">
                            @:image(&img)
                        </div>
                        <div class="columns--column">
                            <h3>Remove Image From Submission</h3>
                            @if let Some(error) = state.remove_file_error.get(&id) {
                                <p class="error">@error</p>
                            }
                            <input type="hidden" name="file_id" value="@id" />
                            <div class="button-section">
                                @:button_group(&[
                                    Button::primary("Remove"),
                                ])
                            </div>
                        </div>
                    </div>
                })
            </form>
        }
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        <form method="POST" action="@state.add_file_path()" enctype="multipart/form-data">
            @:card_title({ Add file })
            @:card_body({
                @:file_input(&state.file)
            })
            @:card_body({
                @:button_group(&[
                    Button::primary("Submit"),
                ])
            })
        </form>
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ View Submission })
        @:card_body({
            @:button_group(&[
                Button::primary("View").href(&state.view_path()),
            ])
        })
    })
    @:card(&Card::full_width().dark(nav_state.dark()), {
        @:card_title({ Danger })
        @if let Some(error) = &state.delete_error {
            @:card_body({ @error })
        }
        @:card_body({
            <form method="POST" action="@state.delete_path()">
                @:button_group(&[
                    Button::primary_outline("Delete Submission"),
                ])
            </form>
        })
    })
})