<!doctype html>
<html lang="en">
<head>
  <title>Depression clasify</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
</head>
<body>
  <style>
    .depp{
      color: red;
    }
    .ndepp{
      color: green;
    }
    h4{
      margin-top: 8%;
      text-align: center;
    }    
    h5{
      margin-top: 50px;
      text-align: center;
    }
    h1{
      text-align: center;
      margin-top: 1%;
    }
    .youtube{
      margin-top: 25px;
      text-align: center;
    }
  </style>
  <% if(data){ %>

  <h4>We found you that you are</h4>
  <h1 class="depp">Depressed ðŸ˜£</h1>

  <center style="margin-top: 50px;"><a href="/depression/suggations" class="btn btn-primary">Recovery suggations</a></center>
  <div class="videos">
    <h5>Don't worry we got some motivation for you</h5>
    <div class="row">
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/chE00kGtg48" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/eAK14VoY7C0" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/m04MM5yiEQ4" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/gfDpjFrvnRQ" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </div>
  <% }else{ %>
  <h4>We found you that you are</h4>
  <h1 class="ndepp">Not Depressed ðŸ˜ƒ</h1>

  <div class="videos">
    <h5>You just need some motivation for you. Here, you can get it</h5>
    <div class="row">
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/fLeJJPxua3E" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/wnHW6o8WMas" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/eCIHmghtLXw" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
      <div class="col-md-6">
        <div class="youtube">
          <iframe 
          width="560" 
          height="315" 
          src="https://www.youtube.com/embed/IHwqhSLE9Gc" 
          title="YouTube video player" 
          frameborder="0" 
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
          allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </div>

  <% } %>
  
</body>
</html>
