add basic print controller + view

controllers/printController.go

@@ -0,0 +1,75 @@
+package controllers
+
+import (
+	"fmt"
+	"net/http"
+
+	"example.com/gin/test/models"
+	"example.com/gin/test/repositories"
+	"github.com/gin-gonic/gin"
+)
+
+type PrintController interface {
+	PrintVariantView(*gin.Context)
+	PrintVariantHandler(*gin.Context)
+}
+
+type printController struct{}
+
+func NewPrintController() PrintController {
+	return &printController{}
+}
+
+func (rc *printController) PrintVariantView(c *gin.Context) {
+	variant, err := repositories.ShopItems.GetVariantById(c.Param("id"))
+
+	if err != nil {
+		c.HTML(http.StatusBadRequest, "error.html", gin.H{"data": gin.H{"error": err}})
+	}
+
+	shopItem, err := repositories.ShopItems.GetById(fmt.Sprintf("%v", variant.ShopItemID))
+
+	if err != nil {
+		c.HTML(http.StatusBadRequest, "error.html", gin.H{"data": gin.H{"error": err}})
+	}
+
+	type ShopItemVariantPair struct {
+		ShopItem    models.ShopItem
+		ItemVariant models.ItemVariant
+	}
+
+	data := CreateSessionData(c, gin.H{
+		"itemVariants": []ShopItemVariantPair{
+			{ShopItem: shopItem, ItemVariant: variant},
+		},
+	})
+
+	fmt.Println(data)
+
+	c.HTML(http.StatusOK, "printvariant.html", data)
+}
+
+func (rc *printController) PrintVariantHandler(c *gin.Context) {
+	err := repositories.ShopItems.DeleteById(c.Param("id"))
+
+	if err != nil {
+		data := CreateSessionData(c, gin.H{
+			"error":   err,
+			"success": "",
+		})
+
+		c.HTML(http.StatusOK, "deleteitem.html", data)
+	}
+
+	shopItems, _ := repositories.ShopItems.GetAll()
+	fmt.Println(len(shopItems))
+
+	data := CreateSessionData(c, gin.H{
+		"title":     "shopItem Page",
+		"shopItems": shopItems,
+	})
+
+	fmt.Println(data)
+
+	c.HTML(http.StatusOK, "index.html", data)
+}

controllers/shopItemController.go

@@ -3,9 +3,9 @@ package controllers
 import (
 	"fmt"
 	"net/http"
-	"strconv"
-	"path/filepath"
 	"os/exec"
+	"path/filepath"
+	"strconv"
 
 	"github.com/gin-gonic/gin"
 
@@ -16,7 +16,7 @@ import (
 
 type CRUDController interface {
 	Create(*gin.Context)
-	GetAll(*gin.Context) 
+	GetAll(*gin.Context)
 	GetById(*gin.Context)
 	Update(*gin.Context)
 	Delete(*gin.Context)
@@ -38,7 +38,7 @@ type ShopItemController interface {
 	AddTagHandler(*gin.Context)
 }
 
-type shopItemController struct {}
+type shopItemController struct{}
 
 func NewShopItemController() ShopItemController {
 	return &shopItemController{}
@@ -80,9 +80,9 @@ func (rc *shopItemController) NewShopItemFromForm(ctx *gin.Context) (models.Shop
 
 	if err == nil {
 		dstImage = filepath.Join("static/uploads", image.Filename)
-  	if err := ctx.SaveUploadedFile(image, dstImage); err != nil {
+		if err := ctx.SaveUploadedFile(image, dstImage); err != nil {
 			return models.ShopItem{}, fmt.Errorf("Could not save image")
-  	}
+		}
 	}
 
 	dstPdf := ""
@@ -90,13 +90,13 @@ func (rc *shopItemController) NewShopItemFromForm(ctx *gin.Context) (models.Shop
 
 	if err == nil {
 		dstPdf = filepath.Join("static/uploads", pdf.Filename)
-  	if err := ctx.SaveUploadedFile(pdf, dstPdf); err != nil {
+		if err := ctx.SaveUploadedFile(pdf, dstPdf); err != nil {
 			return models.ShopItem{}, fmt.Errorf("Could not save PDF")
-  	}
+		}
 
 		if dstImage == defaultImagePath {
 			dstImage = dstPdf + ".preview.png"
-			cmd := exec.Command("pdftoppm", "-png", "-singlefile", dstPdf, dstPdf + ".preview")
+			cmd := exec.Command("pdftoppm", "-png", "-singlefile", dstPdf, dstPdf+".preview")
 			_, err := cmd.Output()
 
 			if err != nil {
@@ -125,29 +125,29 @@ func (rc *shopItemController) NewShopItemFromForm(ctx *gin.Context) (models.Shop
 	for idx := range variantNames {
 		if variantValues[idx] == "" || variantNames[idx] == "" {
 			continue
-		}	
+		}
 
 		price, err := strconv.ParseFloat(variantValues[idx], 64)
-  	if err != nil {
+		if err != nil {
 			return models.ShopItem{}, fmt.Errorf("Could not variant parse price")
-  	}
+		}
 
-		variants = append(variants, models.ItemVariant{ 
+		variants = append(variants, models.ItemVariant{
-			Name: variantNames[idx],
+			Name:  variantNames[idx],
 			Price: price,
 		})
 	}
 
 	shopItem := models.ShopItem{
-		Name: name,
+		Name:        name,
-		Abstract: abstract,
+		Abstract:    abstract,
 		Description: description,
-		Category: category,
+		Category:    category,
-		IsPublic: true,
+		IsPublic:    true,
-		BasePrice: rc.GetBasePrice(variants),
+		BasePrice:   rc.GetBasePrice(variants),
-		Image: dstImage,
+		Image:       dstImage,
-		Pdf: dstPdf,
+		Pdf:         dstPdf,
-		Variants: variants,
+		Variants:    variants,
 	}
 
 	for _, tagId := range tagIds {
@@ -198,7 +198,6 @@ func (rc *shopItemController) Create(c *gin.Context) {
 	ReplyOK(c, "shopItem was created")
 }
 
-
 func (rc *shopItemController) Update(c *gin.Context) {
 	shopItemId, err := strconv.Atoi(c.Param("id"))
 
@@ -225,7 +224,7 @@ func (rc *shopItemController) Update(c *gin.Context) {
 	ReplyOK(c, "shopItem was updated")
 }
 
-//TODO: delete associated cartitems
+// TODO: delete associated cartitems
 func (rc *shopItemController) Delete(c *gin.Context) {
 	err := repositories.ShopItems.DeleteById(c.Param("id"))
 
@@ -241,19 +240,19 @@ func (rc *shopItemController) ShopItemView(c *gin.Context) {
 	shopItem, err := repositories.ShopItems.GetById(c.Param("id"))
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "shopitem.html", gin.H{ "data": gin.H{ "error": err } })
+		c.HTML(http.StatusBadRequest, "shopitem.html", gin.H{"data": gin.H{"error": err}})
 	}
 
 	//TODO: get tags by item
 	tags, err := repositories.Tags.GetAll()
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "shopitem.html", gin.H{ "data": gin.H{ "error": err } })
+		c.HTML(http.StatusBadRequest, "shopitem.html", gin.H{"data": gin.H{"error": err}})
 	}
 
 	data := CreateSessionData(c, gin.H{
 		"shopItem": shopItem,
-		"tags": tags,
+		"tags":     tags,
 	})
 
 	if err != nil {
@@ -267,25 +266,24 @@ func (rc *shopItemController) AddItemView(c *gin.Context) {
 	tags, err := repositories.Tags.GetAll()
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "additem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "additem.html", gin.H{"error": err})
 	}
 
 	data := CreateSessionData(c, gin.H{
-		"error": "",
+		"error":   "",
 		"success": "",
-		"tags": tags,
+		"tags":    tags,
 	})
 
 	c.HTML(http.StatusOK, "additem.html", data)
 }
 
-
 func (rc *shopItemController) AddItemHandler(c *gin.Context) {
 	errorHandler := func(err error, tags []models.Tag) {
 		data := CreateSessionData(c, gin.H{
-			"error": err,
+			"error":   err,
 			"success": "",
-			"tags": tags,
+			"tags":    tags,
 		})
 
 		c.HTML(http.StatusOK, "additem.html", data)
@@ -310,48 +308,46 @@ func (rc *shopItemController) AddItemHandler(c *gin.Context) {
 	}
 
 	data := CreateSessionData(c, gin.H{
-		"error": "",
+		"error":   "",
 		"success": fmt.Sprintf("Item '%s' Registered", shopItem.Name),
-		"tags": tags,
+		"tags":    tags,
 	})
 
 	c.HTML(http.StatusOK, "additem.html", data)
 }
 
-
 func (rc *shopItemController) EditItemView(c *gin.Context) {
 	shopItem, err := repositories.ShopItems.GetById(c.Param("id"))
 	tags, err := repositories.Tags.GetAll()
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{"error": err})
 	}
-	
+
 	fmt.Println(shopItem)
 
 	data := CreateSessionData(c, gin.H{
-		"error": "",
+		"error":    "",
-		"success": "",
+		"success":  "",
 		"shopItem": shopItem,
-		"tags": tags,
+		"tags":     tags,
 	})
 
 	c.HTML(http.StatusOK, "edititem.html", data)
 }
 
-
 func (rc *shopItemController) EditItemHandler(c *gin.Context) {
 	shopItem, err := rc.NewShopItemFromForm(c)
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{"error": err})
 		return
 	}
 
 	newShopItem, err := repositories.ShopItems.GetById(c.Param("id"))
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{"error": err})
 		return
 	}
 
@@ -365,16 +361,16 @@ func (rc *shopItemController) EditItemHandler(c *gin.Context) {
 
 	tags, err := repositories.Tags.GetAll()
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "edititem.html", gin.H{"error": err})
 		return
 	}
 
 	_, err = repositories.ShopItems.Update(newShopItem)
 	if err != nil {
 		data := CreateSessionData(c, gin.H{
-			"error": err,
+			"error":   err,
 			"success": "",
-			"tags": tags,
+			"tags":    tags,
 		})
 
 		c.HTML(http.StatusOK, "edititem.html", data)
@@ -382,9 +378,9 @@ func (rc *shopItemController) EditItemHandler(c *gin.Context) {
 	}
 
 	data := CreateSessionData(c, gin.H{
-		"error": "",
+		"error":   "",
 		"success": fmt.Sprintf("Item '%s' Updated", newShopItem.Name),
-		"tags": tags,
+		"tags":    tags,
 	})
 
 	c.HTML(http.StatusOK, "edititem.html", data)
@@ -395,28 +391,27 @@ func (rc *shopItemController) DeleteItemView(c *gin.Context) {
 	tags, err := repositories.Tags.GetAll()
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "deleteitem.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "deleteitem.html", gin.H{"error": err})
 	}
-	
+
 	fmt.Println(shopItem)
 
 	data := CreateSessionData(c, gin.H{
-		"error": "",
+		"error":    "",
-		"success": "",
+		"success":  "",
 		"shopItem": shopItem,
-		"tags": tags,
+		"tags":     tags,
 	})
 
 	c.HTML(http.StatusOK, "deleteitem.html", data)
 }
 
-
 func (rc *shopItemController) DeleteItemHandler(c *gin.Context) {
 	err := repositories.ShopItems.DeleteById(c.Param("id"))
 
 	if err != nil {
 		data := CreateSessionData(c, gin.H{
-			"error": err,
+			"error":   err,
 			"success": "",
 		})
 
@@ -427,7 +422,7 @@ func (rc *shopItemController) DeleteItemHandler(c *gin.Context) {
 	fmt.Println(len(shopItems))
 
 	data := CreateSessionData(c, gin.H{
-		"title": "shopItem Page",
+		"title":     "shopItem Page",
 		"shopItems": shopItems,
 	})
 
@@ -444,17 +439,17 @@ func (rc *shopItemController) TagHandler(ctx *gin.Context) {
 
 	if err != nil {
 		fmt.Println(err)
-		ctx.HTML(http.StatusBadRequest, "tagview.html", gin.H{ "error": err })
+		ctx.HTML(http.StatusBadRequest, "tagview.html", gin.H{"error": err})
 		return
 	}
-	
+
 	if action == "update" {
 		tag.Name = name
 		tag, err = repositories.Tags.Update(tag)
 
 		if err != nil {
 			fmt.Println(err)
-			ctx.HTML(http.StatusBadRequest, "tagview.html", gin.H{ "error": err })
+			ctx.HTML(http.StatusBadRequest, "tagview.html", gin.H{"error": err})
 			return
 		}
 	}
@@ -471,14 +466,14 @@ func (rc *shopItemController) AddTagHandler(c *gin.Context) {
 
 	if err != nil {
 		fmt.Println(err)
-		c.HTML(http.StatusBadRequest, "tagview.html", gin.H{ "error": err })
+		c.HTML(http.StatusBadRequest, "tagview.html", gin.H{"error": err})
 		return
 	}
 
 	_, err = repositories.Tags.Create(tag)
 	if err != nil {
 		data := CreateSessionData(c, gin.H{
-			"error": err,
+			"error":   err,
 			"success": "",
 		})
 
@@ -493,7 +488,7 @@ func (rc *shopItemController) TagView(c *gin.Context) {
 	tags, err := repositories.Tags.GetAll()
 
 	if err != nil {
-		c.HTML(http.StatusBadRequest, "tagview.html", gin.H{ "data": gin.H{ "error": err } })
+		c.HTML(http.StatusBadRequest, "tagview.html", gin.H{"data": gin.H{"error": err}})
 	}
 
 	data := CreateSessionData(c, gin.H{
@@ -544,7 +539,7 @@ func (rc *shopItemController) GetAllTags(c *gin.Context) {
 }
 
 func ReplyError(ctx *gin.Context, err error) {
-	ctx.JSON(http.StatusBadRequest, gin.H{ "error": err.Error() })
+	ctx.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
 }
 
 func ReplyOK(ctx *gin.Context, message any) {

main.go

@@ -18,6 +18,7 @@ var (
 	shopItemController controllers.ShopItemController = controllers.NewShopItemController()
 	userController     controllers.UserController     = controllers.UserController{}
 	cartItemController controllers.CartItemController = controllers.NewCartItemController()
+	printController    controllers.PrintController    = controllers.NewPrintController()
 	authValidator      middlewares.AuthValidator      = middlewares.AuthValidator{}
 )
 
@@ -81,6 +82,8 @@ func main() {
 		viewRoutes.POST("/shopitems/:id/edit", authValidator.RequireAuth, shopItemController.EditItemHandler)
 		viewRoutes.GET("/shopitems/:id/delete", authValidator.RequireAuth, shopItemController.DeleteItemView)
 		viewRoutes.POST("/shopitems/:id/delete", authValidator.RequireAuth, shopItemController.DeleteItemHandler)
+		viewRoutes.GET("/variant/:id/print", authValidator.RequireAuth, printController.PrintVariantView)
+		viewRoutes.POST("/variant/:id/print", authValidator.RequireAuth, printController.PrintVariantHandler)
 		viewRoutes.GET("/tags", authValidator.RequireAuth, shopItemController.TagView)
 		viewRoutes.POST("/tags/:id", authValidator.RequireAuth, shopItemController.TagHandler)
 		viewRoutes.POST("/tags", authValidator.RequireAuth, shopItemController.AddTagHandler)

static/output.css

@@ -1301,6 +1301,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
+}
+
 .underline {
   text-decoration-line: underline;
 }

views/orderpreview.html

@@ -0,0 +1,93 @@
+{{ template "header.html" . }}
+
+<section class="bg-white py-8 antialiased dark:bg-gray-900 md:py-16">
+  <form action="/order" method="POST" class="mx-auto max-w-screen-xl px-4 2xl:px-0">
+    <input type="hidden" name="confirm-order" value="true" required>
+    <div class="mx-auto max-w-3xl">
+      <h2 class="text-xl font-semibold text-gray-900 dark:text-white sm:text-2xl">Order summary</h2>
+
+      <div class="mt-6 space-y-4 border-b border-t border-gray-200 py-8 dark:border-gray-700 sm:mt-8">
+        <h4 class="text-lg font-semibold text-gray-900 dark:text-white">Delivery information</h4>
+
+        <dl>
+          <dd class="mt-1 text-base font-normal text-gray-500 dark:text-gray-400">
+            <p><b>Shipping:</b> {{ .data.shipping.Name }}</p>
+            {{ if .data.askAddress }}
+            <p><b>First Name:</b> {{ .data.order.FirstName }}</p>
+            <p><b>Last Name:</b> {{ .data.order.LastName }}</p>
+            <p><b>Address:</b> {{ .data.order.Address }}</p>
+            <p><b>Postal Code:</b> {{ .data.order.PostalCode }}</p>
+            <p><b>City:</b> {{ .data.order.City }}</p>
+            <p><b>Country:</b> {{ .data.order.Country }}</p>
+            {{ end }}
+            <p><b>Email:</b> {{ .data.order.Email }}</p>
+            <p><b>Comment:</b> {{ .data.order.Comment }}</p>
+          </dd>
+        </dl>
+
+        <a  href="/checkout?shippingMethod={{ .data.order.Shipping }}" data-modal-target="billingInformationModal" data-modal-toggle="billingInformationModal" class="text-base font-medium text-primary-700 hover:underline dark:text-primary-500">Edit</a>
+      </div>
+
+      <div class="mt-6 sm:mt-8">
+        <div class="relative overflow-x-auto border-b border-gray-200 dark:border-gray-800">
+          <table class="w-full text-left font-medium text-gray-900 dark:text-white ">
+            <tbody class="divide-y divide-gray-200 dark:divide-gray-800">
+                {{ range .data.order.CartItems }}
+              <tr>
+                <td class="whitespace-nowrap py-4">
+                  <div class="flex items-center gap-4">
+                    <a href="#" class="flex items-center aspect-square w-8 h-10 shrink-0">
+                      <img class="h-auto w-full max-h-full dark:hidden" src="/{{ .ShopItem.Image }}" alt="imac image" />
+                    </a>
+                    <a href="/shopitems/{{ .ShopItem.ID }}" class="hover:underline">{{ .ShopItem.Name }} - {{ .ItemVariant.Name }}</a>
+                  </div>
+                </td>
+                <td class="p-4 text-base font-normal text-gray-900 dark:text-white">x{{ .Quantity }}</td>
+                <td class="p-4 text-right text-base font-bold text-gray-900 dark:text-white">{{ .ItemVariant.Price }}€</td>
+              </tr>
+                {{ end }}
+
+            </tbody>
+          </table>
+        </div>
+
+        <div class="mt-4 space-y-6">
+          <h4 class="text-xl font-semibold text-gray-900 dark:text-white">Order summary</h4>
+
+          <div class="space-y-4">
+            <div class="space-y-2">
+              <dl class="flex items-center justify-between gap-4">
+                <dt class="text-gray-500 dark:text-gray-400">Original price</dt>
+                <dd class="text-base font-medium text-gray-900 dark:text-white">{{ .data.priceProducts }}€</dd>
+              </dl>
+
+              <dl class="flex items-center justify-between gap-4">
+                <dt class="text-gray-500 dark:text-gray-400">Shipping</dt>
+                <dd class="text-base font-medium text-gray-900 dark:text-white">{{ .data.shipping.Price }}€</dd>
+              </dl>
+
+            </div>
+
+            <dl class="flex items-center justify-between gap-4 border-t border-gray-200 pt-2 dark:border-gray-700">
+              <dt class="text-lg font-bold text-gray-900 dark:text-white">Total</dt>
+              <dd class="text-lg font-bold text-gray-900 dark:text-white">{{ .data.priceTotal }}€</dd>
+            </dl>
+          </div>
+
+          <div class="flex items-start sm:items-center">
+            <input id="terms-checkbox-2" type="checkbox" value="" class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600" />
+            <label for="terms-checkbox-2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> I agree with the <a href="#" title="" class="text-primary-700 underline hover:no-underline dark:text-primary-500">Terms and Conditions</a> of use of the Flowbite marketplace </label>
+          </div>
+
+          <div class="gap-4 sm:flex sm:items-center">
+            <button type="button" class="w-full rounded-lg  border border-gray-200 bg-white px-5  py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700"><a href="/">Return to Shopping</a></button>
+
+            <button type="submit" class="w-full bg-gray-900 dark:bg-gray-600 rounded-lg  border border-gray-200 bg-white px-5  py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700">Place binding order</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>
+</section>
+
+{{ template "footer.html" . }}

views/printvariant.html

@@ -0,0 +1,72 @@
+{{ template "header.html" . }}
+
+<section class="bg-white py-8 antialiased dark:bg-gray-900 md:py-16">
+    <div class="mx-auto max-w-3xl">
+      <div class="mt-6 sm:mt-8">
+        <div class="relative overflow-x-auto border-b border-gray-200 dark:border-gray-800">
+    <p class="font-normal text-base leading-7 text-gray-500 text-left mb-5 mt-6">
+      Welcome to the Zineshop Printservice.<br>
+      Pressing Print will automatically print the given Zines for you.
+      All you have to do is set an Amount for each Zine you want to print.<br><br>
+      <bold>CoverPage</bold>: If selected, the Printer will take Paper from the BypassTray for the first page. For
+      example you can put colored paper there to have a nice looking front page, and the rest will be normal paper.
+      Makue sure you put paper in that tray when selecting this option.<br><br>
+
+      Print Order: The Zines will be printed from top to bottom as seen in this list.
+
+
+    </p>
+
+                          <form action="#" method="POST">
+          <table class="w-full text-left font-medium text-gray-900 dark:text-white ">
+            <tbody class="divide-y divide-gray-200 dark:divide-gray-800">
+                {{ range .data.itemVariants }}
+              <tr>
+                <td class="whitespace-nowrap py-4">
+                  <div class="flex items-center gap-4">
+                    <a href="/shopitems/{{ .ItemVariant.ShopItemID }}" class="flex items-center aspect-square w-8 h-10 shrink-0">
+                      <img class="h-auto w-full max-h-full dark:hidden" src="/{{ .ShopItem.Image }}" alt="imac image" />
+                    </a>
+                    <a href="/shopitems/{{ .ItemVariant.ShopItemID }}" class="hover:underline">{{ .ShopItem.Name }} - {{ .ItemVariant.Name }}</a>
+                  </div>
+                </td>
+                <td class="whitespace-nowrap py-4">
+                  <label class="flex text-sm/6 items-center">
+                    <input type="checkbox" class="form-checkbox h-4 w-4 text-gray-900" value="CoverPage" name="CoverPage">
+                      <span class="ml-2 text-sm/6 text-gray-900">CoverPage</span>
+                  </label>
+                </td>
+                <td class="whitespace-nowrap py-4">
+                  Amount:
+                </td>
+                <td class="p-4 text-right text-base font-bold text-gray-900 dark:text-white">
+                  <div>
+                    <input type="hidden" id="variant-name1" name="variant-name[]" value="B/W" required>
+                    <div class="mt-2">
+                      <input type="number" name="variant-value[]" id="variant-value1" step="1" min="1" required class="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6">
+                    </div>
+                  </div>
+                </td>
+
+              </tr>
+                {{ end }}
+
+            </tbody>
+          </table>
+
+                <div class="max-lg:max-w-lg max-lg:mx-auto">
+                    <p class="font-normal text-base leading-7 text-gray-500 text-center mb-5 mt-6">If CoverPage
+                    selected, make sure you put paper in the BypassTray</p>
+                    <button type="submit"
+                        class="rounded-full py-4 px-6 bg-indigo-600 text-white font-semibold text-lg w-full text-center
+                        transition-all duration-500 hover:bg-indigo-700 ">Print</button>
+    
+                </div>
+                </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+{{ template "footer.html" . }}