<!DOCTYPE html>
<html lang="pt-br">

<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/estilo.css">
    <link rel="stylesheet" href="../css/estiloCadastro.css">    
    <link rel="stylesheet" href="../css/estiloMensagem.css">
    <title>Editar</title>
</head>

<body>
    <header>
        <%- include('nav') %>
    </header>
    <main>
        <div class="imagembg" id="editarImagem">
            <input type="hidden" id="imagemAtual" value="<%= trailer.imagembg %>">                            
        </div>
        <section class="formulario">
            <form method="POST" id="formEditar">
                <section class="itemcadastro">
                    <label for="titulo">Título: </label>
                    <input type="text" name="titulo" id="titulo" value="<%= trailer.titulo %>">
                </section>
                <section class="itemcadastro">
                    <label for="sinopse">Sinopse </label>
                    <input type="text" name="sinopse" id="sinopse" value="<%= trailer.sinopse %>">
                </section>
                <section class="anoDuracao">
                    <section class="itemcadastro">
                        <label for="ano">Ano: </label>
                        <input type="number" name="ano" id="ano" value="<%= trailer.ano %>">
                    </section>
                    <section class="itemcadastro">
                        <label for="duracao">Duração: </label>
                        <input type="number" name="duracao" id="duracao" value="<%= trailer.duracao %>">
                    </section>
                    <section class="itemcadastro">
                        <label for="categoria">Categoria: </label>
                        <input type="text" name="categoria" id="categoria" value="<%= trailer.categoria %>">
                    </section>
                </section>
                <section class="itemcadastro">
                    <label for="atores">Atores: </label>
                    <input type="text" name="atores" id="atores" value="<%= trailer.atores %>">
                </section>
                <section class="itemcadastro">
                    <label for="imagembg">Imagem de fundo: </label>
                    <input type="text" name="imagembg" id="imagembg" value="<%= trailer.imagembg %>">
                </section>
                <section class="itemcadastro">
                    <label for="thumb">Miniatura: </label>
                    <input type="text" name="thumb" id="thumb" value="<%= trailer.thumb %>">
                </section>
                <section class="itemcadastro">
                    <label for="video">URL do Trailer: </label> </label>
                    <input type="text" name="video" id="video" value="<%= trailer.video %>">
                </section>
                <input type="hidden" name="classificacaoAtual" id="classificacaoAtual" value="<%= trailer.classificacao %>">

                <section class="itemcadastro">
                    <label for="classificacao">Classificação: </label>
                    <select name="classificacao" id="classificacao">
                    </select>
                </section>
                <section>
                    <input type="hidden" name="id" value="<%=trailer.id%>">
                    <button type="submit">Alterar</button>
                </section>
            </form>
        </section>
    </main>

    <% if (message != "") {  %>
        <section id="message">
            <p><%= message %></p> <span id="close">&times;</span>
        </section>
    <% }  %>

    <footer>
        <%- include('footer') %>
    </footer>
    <script src="/js/scriptEditar.js"></script>
    <script src="/js/scriptImagem.js"></script>
    <script src="/js/scriptMensagem.js"></script>    
    <script src="/js/scriptValidacao.js"></script>  
    <script src="/js/scriptNav.js"></script>  
</body>

</html>