<!DOCTYPE html>
<html lang="en">
    <%- include('partials/head')%>
<body>
    <%- include('partials/navigation')%>
    <div class="container p-4">
        
            <div class="row">
                <div class="col-md-12">
                    <%- include('./partials/message') %>
                </div>
                <div class="col-md-4 mx-auto">
                    
                    <div class="card  text-center">
                        
                        <div class="card-header">
                            <h3> Inicia Sesión</h3>
                        </div>
                        <div class="card-body">
                            <img src="img/logoAudio.png"  id="logoIndex" class="card-im-top mx-auto m-2">
                            <form action="/auth/signin" method="POST">
                                <div class="row">
                                    <input class="form-control" type="text" name="username" placeholder="Usuario">
                                </div>
                                <br>
                                <div class="row">
                                    <input class="form-control" type="password" name="password" placeholder="Contraseña">
                                </div>
                                <br>
                                <div class="row">
                                    <button class="btn btn-info btn-block">Iniciar sesión</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        
    </div>


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