]> git.ipfire.org Git - ipfire-2.x.git/blobdiff - html/html/captive/template.html
captive: Show a message when no coupon code was entered
[ipfire-2.x.git] / html / html / captive / template.html
index 20b79198c241e18dd4a03ab73a49bff8236fe17b..a15c9a3ff378493d85eedddb71bdc8c08a674920 100644 (file)
@@ -1 +1,83 @@
-TEMPLATE GOES HERE
+<!DOCTYPE HTML>
+<html>
+       <head>
+               <meta charset="UTF-8">
+               <title><TMPL_VAR NAME="TITLE"></title>
+
+               <link rel="stylesheet" href="../assets/bootstrap-reboot.min.css">
+               <link rel="stylesheet" href="../assets/bootstrap-grid.min.css">
+               <link rel="stylesheet" href="../assets/captive.css">
+
+               <TMPL_IF NAME="COLOR">
+                       <style>
+                               .box-block {
+                                       background-color: <TMPL_VAR NAME="COLOR">;
+                               }
+                       </style>
+               </TMPL_IF>
+
+               <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500" rel="stylesheet">
+
+               <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+       </head>
+
+       <body>
+               <div class="container content">
+                       <div class="row">
+                               <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
+                                       <div class="box">
+                                               <div class="box-header">
+                                                       <h1><TMPL_VAR NAME="TITLE"></h1>
+                                               </div>
+
+                                               <div class="box-block">
+                                                       <h4><TMPL_VAR NAME="L_HEADING"></h4>
+
+                                                       <form action="" method="POST">
+                                                               <input type="hidden" name="ACTION" value="SUBMIT">
+                                                               <input type="hidden" name="url" value="<TMPL_VAR NAME="URL">">
+
+                                                               <TMPL_IF NAME="COUPON">
+                                                                               <input class="form-text <TMPL_IF NAME="ERROR">error</TMPL_IF>" type="text" name="COUPON">
+                                                                               <input class="form-submit" type="submit"
+                                                                                       value="<TMPL_VAR NAME="L_ACTIVATE">">
+                                                               <TMPL_ELSE>
+                                                                               <input class="form-submit" type="submit"
+                                                                                       value="<TMPL_VAR NAME="L_GAIN_ACCESS">">
+                                                               </TMPL_IF>
+
+                                                               <TMPL_IF NAME="ERROR">
+                                                                       <p class="error">
+                                                                               <TMPL_VAR NAME="ERROR">
+                                                                       </p>
+                                                               </TMPL_IF>
+
+                                                               <TMPL_IF NAME="TERMS">
+                                                                       <div class="checkbox">
+                                                                               <label>
+                                                                                       <input class="form-checkbox <TMPL_IF NAME="ERROR">error</TMPL_IF>" type="checkbox">
+                                                                                       <TMPL_VAR NAME="L_AGREE_TERMS">
+                                                                               </label>
+                                                                       </div>
+                                                               </TMPL_IF>
+                                                       </form>
+                                               </div>
+
+                                               <TMPL_IF NAME="TERMS">
+                                                       <TMPL_VAR NAME="TERMS">
+                                               </TMPL_IF>
+                                       </div>
+                               </div>
+                       </div>
+               </div>
+
+               <footer>
+                       <div class="container">
+                               <div class="footer">
+                                       <img class="logo" src="../assets/ipfire.png" alt="IPFire Logo">
+                                       Powered by IPFire
+                               </div>
+                       </div>
+               </footer>
+       </body>
+</html>