extends layout

block content
    .container
        .row.justify-content-center.align-items-center(style='margin-top:10%;')
            .col-md-6
                .card
                    .card-body
                        .card-title
                            h1 Register
                        p.lead Créez votre compte
                        br
                        //- Display error message if it exists
                        if error
                            .alert.alert-danger
                                strong Error:
                                | #{error}
                        form(role='form', action="/register", method="post", style='max-width: 300px;')
                            .form-group.mb-3
                                label(style='padding: 0.5rem 0;') Username
                                input.form-control(type='text', name="username", placeholder='Username')
                            .form-group.mb-3
                                label(style='padding: 0.5rem 0;') Password
                                input.form-control(type='password', name="password", placeholder='Password')
                            .form-group.mb-3
                                label(style='padding: 0.5rem 0;') Are you an agent or a consultant?
                                select.form-control(name='role')
                                    option(value='consultant') Consultant
                                    option(value='agent') Agent
                            button.btn.btn-primary(type='submit', style='margin-right: 2rem;') Créer un compte
                            a(href='/')
                                button.btn.btn-secondary(type="button") Annuler