<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <title> Detalhes </title>
</head>
<body>
  <%- include('./partials/header.ejs') %>
  <main>
      <div id="sub__header">
          <%= filmesDetalhes.nome %>
      </div>
      <section id="details_container">
              <thead> 
                  <th colspan="2"> Detalhes </th>
              </thead>
              <tbody> 
                  <tr> 
                      <td> Diretor </td>
                      <td> <%= filmesDetalhes.diretor %>  </td>
                  </tr>
                  <tr>
                      <td> Genêro </td>
                      <td> <%= filmesDetalhes.genero %> </td>
                  </tr>
                  <tr>
                      <td> Lançamento </td>
                      <td> <%= filmesDetalhes.ano %> </td>
                  </tr>
              </tbody>
              <tfoot> </tfoot>
      </section>
  </main>
  <%- include('./partials/footer.ejs') %>
</body>
</html>