{% extends 'base.html' %}

{% block content %}
<div class="model-title"><h1>{% block title %} Text Generation {% endblock %}</h1></div>
<br>
<div class="custom-box" id="gener" >
  <form action="{{ url_for('generate')}}" method="post" class="form-container" style="width: 100%;">
    <div class="form-group" id="gener-input">
      <label for="exampleInputPassword1">Input Text</label>
      <div class="input-group">
        <input type="text" class="form-control" name="input" placeholder="Enter text." required="required" style="width: 78%;flex: none;margin-right: auto;">
        <button type="submit" class="btn btn-primary custom-button" style="width: 20%; height: 10%; margin-top: 0;">Generate</button>
      </div>
      <div class="form-group" id="gener-input">
        <label for="exampleInputPassword1">Result</label>
        <b>LSTM:</b> 
        <div class="form-control" >&nbsp;<p  class="inline-p"  id="style-7">{{res_lstm}}</p></div><br>
        <b>BiLSTM:</b>
        <div class="form-control"> &nbsp;<p class="inline-p" id="style-7">{{res_bilstm}}</p></div><br>
        <b>GRU:</b> 
        <div class="form-control">&nbsp;<p class="inline-p" id="style-7">{{res_gru}}</p></div><br>
    </div>
    
    
  </form>
  
  
</div>
{% endblock %}