.panel.panel-primary
    .panel-heading Course: #{name}
    .panel.panel-body
        .animated.zoomIn.delay-1
            img.img-center.img-responsive(src=image)
        .animated.fadeIn.delay-2
            h3 Takes about #{time} hours to complete

            for direction in directions
                p= direction

            a.btn.btn-success.btn-large.btn-block(href=link, target="blank") Go to course
            br
            br
            .btn.btn-primary.btn-large.btn-block.completed-challenge I've completed this challenge
    script.
        $('.completed-challenge').on("click", function() {
            $('#modal-dialog').modal('show');
        });
    #modal-dialog.modal
        .modal-dialog.animated.zoomIn.fast-animation
            .modal-content
                .modal-header
                    a.close(href='#', data-dismiss='modal', aria-hidden='true') ×
                    .text-center
                        h1.animated.zoomInDown Nicely done!
                        .animated.zoomInUp.delay-1
                            span.landing-icon.ion-checkmark-circled.text-success
                    a.animated.fadeIn.delay-2.btn.btn-primary.btn-block(href='/curriculum', aria-hidden='true') Take me back to my curriculum