add.tpl - latest

{extends file = "layouts/main.tpl"}
{block name="body"}
<div class="hero" style="background-image: url('./images/banner_1.jpg');">
  <div class="container">
    <h1>Add New Recipe</h1>
  </div>
</div>
<div class="container mt-5">
  {if $error}
  <div class="alert alert-danger mb-3" role="alert">
  {$error}
  </div>
  {else if $success}
  <div class="alert alert-success mb-3" role="alert">
  {$success}
  </div>
  {/if}

  <div class="container mt-5">
    <div class="btn-group mb-3" role="group" aria-label="Basic example">
      <a href="index.php?p=account" class="btn btn-secondary">Home</a>
      <a href="index.php?p=favourite" class="btn btn-primary">Favourite Recipes</a>
      <a href="index.php?p=myrecipes" class="btn btn-primary">My Recipes</a>
      <a href="index.php?p=add" class="btn btn-primary">Add Recipe</a>
      <a href="index.php?p=changepassword" class="btn btn-primary">Change Password</a>
    </div>
    <form action="" method="post" enctype="multipart/form-data">
      <div class="form-group">
        <label for="recipe_name">Recipe Name</label>
        <input type="text" class="form-control" id="recipe_name" name="recipe_name">
      </div>
      <div class="form-group">
        <label for="cat_id">Recipe Category</label>
        <select class="form-control" id="cat_id" name="cat_id">
          {foreach from=$categories item=category}
          <option value="{$category.cat_id}">{$category.cat_name}</option>
          {/foreach}
        </select>
      </div>
      <div class="form-group">
        <label for="recipe_image">Recipe Image</label>
        <input type="file" class="form-control-file" id="recipe_image" name="recipe_image">
      </div>
      <div class="form-group">
        <label for="recipe_instructions">Recipe Instructions</label>
        <textarea name="recipe_instructions" id="recipe_instructions" class="form-control"></textarea>
      </div>
      <button class="btn btn-primary" type="submit">Add Recipe</button>
    </form>

  </div>
</div>
{/block}