{% extends 'base.html' %}

{% block content %}

    <div class="card">
      <h3 class="card-header">Print a short message</h3>
      <div class="card-body">
        <form class="form-group" action="/api/print/sms" method="post">
          <input class="form-control" type="text" name="txt" placeholder="200 chars or less " maxlength="200" required><br>
          <input class="form-control" type="text" name="signature" placeholder="Signature or pseudo" maxlength="200" required><br>
          <input class="btn btn-primary float-right" type="submit" value="Imprimer" name="imprimer">
        </form>
      </div>
    </div>

    <br>

    <div class="card">
      <h3 class="card-header">Print an image</h3>
      <div class="card-body">
        <form enctype="multipart/form-data" class="form-group" action="/api/print/img" method="post">
          <input class="form-control" type="file" name="img" required><br>
          <input class="form-control" type="text" name="signature" placeholder="Signature or pseudo" maxlength="200" required><br>
          <input class="btn btn-primary float-right" type="submit" value="Imprimer" name="imprimer">
        </form>
      </div>
    </div>
    {% endblock %}