<!DOCTYPE html>
<html>
<head>
  <title>Add Blog</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>Add New Blog</h1>

  <form method="POST" action="/admin/add" enctype="multipart/form-data">
    <label>Title:<br><input name="title" required></label><br>
    <label>Slug:<br><input name="slug" required></label><br>

    <!-- Background Image Upload -->
    <label>Background Image:<br><input type="file" name="imgbg"></label><br>
    <label>Background Image Alt Text:<br><input name="imgbg_alt"></label><br>

    <label>Page 1 Content:<br><textarea name="pg1"></textarea></label><br>
    <label>Page 2 Content:<br><textarea name="pg2"></textarea></label><br>

    <!-- Img1 -->
    <label>Image 1:<br><input type="file" name="Img1"></label><br>
    <label>Image 1 Alt Text:<br><input name="img1_alt"></label><br>

    <!-- Img2 -->
    <label>Image 2:<br><input type="file" name="Img2"></label><br>
    <label>Image 2 Alt Text:<br><input name="img2_alt"></label><br>

    <!-- Img3 -->
    <label>Image 3:<br><input type="file" name="Img3"></label><br>
    <label>Image 3 Alt Text:<br><input name="img3_alt"></label><br>

    <label>Tags (comma-separated):<br><input name="tags"></label><br>
    <label>Heading 1:<br><input name="hed1"></label><br>
    <label>Heading 1 Paragraph:<br><textarea name="hpg1"></textarea></label><br>
    <label>Heading 2:<br><input name="hed2"></label><br>
    <label>Heading 2 Paragraph:<br><textarea name="hpg2"></textarea></label><br>

    <h3>SEO Settings</h3>
    <label>SEO Title:<br><input name="seo_title"></label><br>
    <label>Meta Description:<br><input name="seo_description"></label><br>
    <label>Canonical URL:<br><input name="seo_canonical"></label><br>
    <label>Focus Keyphrase:<br><input name="focus_keyphrase"></label><br>

    <h4>Robots</h4>
    <label>Index:<br>
      <select name="seo_robots_index">
        <option value="index">index</option>
        <option value="noindex">noindex</option>
      </select>
    </label><br>
    <label>Follow:<br>
      <select name="seo_robots_follow">
        <option value="follow">follow</option>
        <option value="nofollow">nofollow</option>
      </select>
    </label><br>

    <h4>Open Graph</h4>
    <label>OG Title:<br><input name="og_title"></label><br>
    <label>OG Description:<br><input name="og_description"></label><br>
    <label>OG Type:<br><input name="og_type"></label><br>
    <label>OG URL:<br><input name="og_url"></label><br>
    <label>OG Site Name:<br><input name="og_site_name"></label><br>
    <label>OG Locale:<br><input name="og_locale"></label><br>

    <!-- OG Image -->
    <label>OG Image:<br><input type="file" name="og_image_url"></label><br>
    <label>OG Image Alt Text:<br><input name="og_image_alt"></label><br>

    <label>OG Image Width:<br><input name="og_image_width"></label><br>
    <label>OG Image Height:<br><input name="og_image_height"></label><br>
    <label>OG Image Type:<br><input name="og_image_type"></label><br>
    <label>Article Modified Time:<br><input name="article_modified_time"></label><br>

    <h4>Twitter Card</h4>
    <label>Twitter Card (summary / summary_large_image):<br>
      <input name="twitter_card">
    </label><br>

    <label>Publish?<br>
      <select name="is_published">
        <option value="1">Yes</option>
        <option value="0">No</option>
      </select>
    </label><br><br>

    <button type="submit">Create Blog</button>
  </form>

  <br>
  <a href="/admin/dashboard">← Back to Dashboard</a>
</body>
</html>
