import { PageHeader } from "./components/index.js";

const FormsPreview = ({ widgetsFor, widgetFor, entry }) => {
  return [
    PageHeader(entry),
    h(
      "section",
      { className: "section-sm" },
      h(
        "div",
        { className: "container" },
        h(
          "div",
          { className: "row" },
          h(
            "div",
            { className: "col-12" },
            h("h2", { className: "section-title" }, entry.data.title)
          )
        ),
        h(
          "div",
          { className: "row" },
          h(
            "div",
            { className: "col-12 content" },
            widgetsFor("files").map((file) =>
              h(
                "div",
                { className: "container mb-0" },
                h(
                  "div",
                  {
                    className:
                      "card border-primary rounded-0 hover-shadow mb-5",
                  },
                  h(
                    "div",
                    { className: "card-body mb-0" },
                    h("h4", { className: "card-title" }, file.data.title),
                    h(
                      "a",
                      {
                        className:
                          "text-decoration-none btn btn-primary btn-sm mb-0",
                      },
                      h("i", {
                        className: "mdi mdi-tray-arrow-down mb-0 me-2",
                      }),
                      "Download"
                    )
                  )
                )
              )
            ),
            widgetFor("body")
          )
        )
      )
    ),
  ];
};

export default FormsPreview;