{% extends "layout.html" %}
{% block body %}

        <!-- Page Header-->
        <header class="masthead" style="background-image: url('static/img/about-bg.jpg')">
            <div class="container position-relative px-4 px-lg-5">
                <div class="row gx-4 gx-lg-5 justify-content-center">
                    <div class="col-md-10 col-lg-8 col-xl-7">
                        <div class="site-heading">
                            <h1>Admin Panel</h1>
                            <span class="subheading">Manage your posts and change them</span>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- Main Content-->
        <div class="container px-4 px-lg-5">
            <div class="row gx-4 gx-lg-5 justify-content-center">
                <div class="col-md-10 col-lg-8 col-xl-7">
                
                <h1>Basic Actions</h1>

                <a href="/dashboard"><button class="btn btn-primary">Dashboard Home</button></a>
                <a href="/logout"><button class="btn btn-primary">Logout</button></a>
                <hr>
                
                <h1>Add/Edit Posts</h1>
                
 

            <form name="sentMessage" id="contactForm" action="/edit/{{sno}}" method="POST" novalidate>
                <div class="control-group">
                <div class="form-group floating-label-form-group controls">
                    <label>Title</label>
                    <input type="text" class="form-control" placeholder="Title" id="title" name="title" required data-validation-required-message="Please enter your name." value="{{post.title}}">
                    <p class="help-block text-danger"></p>
                </div>
                </div>
                <div class="control-group">
                <div class="form-group floating-label-form-group controls">
                    <label>Tagline</label>
                    <input type="text" class="form-control" placeholder="Tagline" id="tline" name="tline" required data-validation-required-message="Please enter tagline" value="{{post.tagline}}">
                    <p class="help-block text-danger"></p>
                </div>
                </div>
                <div class="control-group">
                <div class="form-group col-xs-12 floating-label-form-group controls">
                    <label>Slug</label>
                    <input type="text" class="form-control" placeholder="Slug" id="slug" name="slug" required data-validation-required-message="Please enter slug." value="{{post.slug}}">
                    <p class="help-block text-danger"></p>
                </div>
                </div>
                <div class="control-group">
                <div class="form-group floating-label-form-group controls">
                    <label>Content</label>
                    <textarea rows="5" class="form-control" placeholder="Content" id="content" name="content" required data-validation-required-message="Please enter a message.">{{post.content}}</textarea>
                    <p class="help-block text-danger"></p>
                </div>
                </div>

                <div class="control-group">
                <div class="form-group floating-label-form-group controls">
                    <label>Image File</label>
                    <input class="form-control" placeholder="Image" id="img_file" name="img_file" value="{{post.img_file}}">
                    <p class="help-block text-danger"></p>
                </div>
                </div>
                <br>
                <div id="success"></div>
                <div class="form-group">
                <button type="submit" class="btn btn-primary" id="sendMessageButton">Submit</button>
                </div>
          </form>



                
                </div>
            </div>
        </div>

        {% endblock %}