{% extends "root.html" %}

{% block second_title %}
<h2> YAP SOMETHIN' </h2>
{% endblock %}

{%block main_content%}
	<article>
		<form method="post" enctype="multipart/form-data"
            action="/api/add_yap"
            hx-target="#yap-result"
            hx-swap="innerHTML">
            
			<label for="ACCESS_KEY"> Password: </label>
            <input type="password" id="ACCESS_KEY" name="ACCESS_KEY"/>
            
            <label for="path"> Path: </label>
			<input type="text" id="path" name="path"/>
            <label for="yap_category"> Yap Category: </label>
            <input type="text" id="yap_category" name="yap_category" 
                value="yap"/>

			<textarea type="file" id="yap_text" name="yap_text">
            </textarea>

			<button>Submit</button>
		</form>

        Return data:
        <code id="yap-result">

        </code>
	</article>
{%endblock%}