<html>
    <head>
        <title>{{ title }} Sentiment Analysis</title>
        	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="./../static/style.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    </head>
    <body><div class="main" >
	<div class="head">
    <div>
      <h1>Sentiment Analysis</h1>
      <p>A machine learning end to end flask web app for <b>"Sentiment Analysis" </b>model created using Scikit-learn &amp; VADER Sentiment.</p> 
    </div>
	</div>
        </br></br>
        <div align="center" class="inpbox">
			<form method="POST">
				<textarea name="text1" placeholder="Say Something: ...." rows="10" cols="109"></textarea><br><br>

				<input class="btn" style="background-color: #7e22ce;color:#fff" type="submit">
			</form>
		</div>
        {% if final %}
			
      </br></br>  <div align="center">
           </br>  </br>
           <div class="main1">
		   <h2 >The Sentiment of</h2>
		   '{{ text1 }}' 
      </div>
		   <h2>is {{ final *100}}% positive !</h2>
			<h2>Score table</h2>

	
<div class="container table-responsive-sm">
<table class="table table-bordered">
  <tr>
    <th>SENTIMENT METRIC</th>
    <th>SCORE</th> 
  </tr>
  <tr>
    <td>Positive</td>
    <td>{{text2}}</td>
    
  </tr>
  <tr>
    <td>Neutral</td>
    <td>{{text3}}</td>
    
  </tr>
  <tr>
    <td>Negative</td>
    <td>{{text5}}</td>
    
  </tr>
  <tr>
    <td>Compound</td>
    <td>{{text4}}</td>
    
  </tr>
</table>
</div>

            {% else %}
            <p></p>
            {% endif %}
        </div></br></br>	
		
		
  </div>  
</body>
</html>

