{% 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="/web/print/sms" method="post">
          <textarea class="form-control" type="text" name="txt" placeholder="4096 caractères maximum " maxlength="4096"></textarea>
          <br>
          <input class="form-control" type="text" name="signature" placeholder="Signature ou pseudo" maxlength="200"><br>
          <div class="input-group">
            <span class="input-group-text">Combien ?</span>
            <input type="number" aria-label="how-many" class="form-control" name="many" max="20" min="1" value="1">
            <input class="btn btn-primary float-right" type="submit" value="Imprimer" name="imprimer">
          </div>
          <br>
          <div class="form-check">
            <input class="form-check-input" type="checkbox" value="True" id="flexCheckDefault" name="cut" checked>
            <label class="form-check-label" for="flexCheckDefault">
              Couper après impression ?
            </label>
          </div>


        </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="/web/print/img" method="post">
          <input class="form-control" type="file" name="img" required><br>
          <input class="form-control" type="text" name="signature" placeholder="Signature ou pseudo" maxlength="200"><br>
          <div class="input-group">
            <span class="input-group-text">Combien ?</span>
            <input type="number" aria-label="how-many" class="form-control" name="many" max="20" min="1" value="1">
            <input class="btn btn-primary float-right" type="submit" value="Imprimer" name="imprimer">
          </div>
          <br>
          <div class="form-check .form-check-inline">
            <input class="form-check-input" type="checkbox" value="True" id="flexCheckDefault" name="cut" checked>
            <label class="form-check-label" for="flexCheckDefault">
              Couper après impression ?
            </label>
          </div>
          <div class="form-check .form-check-inline">
            <input class="form-check-input" type="checkbox" value="True" id="flexCheckDefault" name="process">
            <label class="form-check-label" for="flexCheckDefault">
              Traiter l'image ?
            </label>
          </div>

        </form>
      </div>
    </div>
    {% endblock %}