<!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="detalhes_container">
                <iframe <%=filmesDetalhes.iframe %> ></iframe>
                <table>
                    <thead>
                        <th colspan="2">Detalhes</th>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Diretor</td>
                            <td>
                                <%= filmesDetalhes.diretor %>
                            </td>
                        </tr>
                        <tr>
                            <td>Duração</td>
                            <td>
                                <%= filmesDetalhes.duracao %>
                            </td>
                        </tr>
                        <tr>
                            <td>Ano Lançamento</td>
                            <td>
                                <%= filmesDetalhes.ano %>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot> </tfoot>
                </table>
            </section>

        </main>

        <%- include('./partials/footer.ejs') %>
</body>

</html>