{% extends 'base.html' %}

{% block content %}
<div class="model-title"><h1>{% block title %} Text Classification {% endblock %}</h1></div>
<br>
<div class="custom-box">
  <div class="left-div">
    <div class="circle"> 
      {{prediction_photo | safe}}
      </div><br>
    <i class="fas fa-chart-line" style="color: white;"></i>
    <h5 class="classify_result">"{{ text }}"</h5>
    <p style="color: #525050;">{{ prediction_text }}</p>
  </div>
  
  <div class="right-div">
    <!-- Main Input For Receiving Query to our ML -->
    <form action="{{ url_for('classify')}}" method="post" class="form-container">
      <div class="form-group">
        <label for="exampleInputPassword1">Input Text</label>
        <textarea type="text" class="form-control" name="text" placeholder="Enter text." required="required" ></textarea>
      </div>
      <button type="submit" class=" btn-primary custom-button">Classify</button>
    </form>
  </div>
</div>
{% endblock %}