<nav class="navbar resident-navbar">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#resident-navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <p class="navbar-text">QUESTION 1</p>
<!--            <a class="navbar-text" href="#">QUESTION 1</a>-->
        </div>
        <div class="collapse navbar-collapse" id="resident-navbar">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="<?= base_url()?>index.php/caregiver_login">HELP</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-left">
                <li><a href="<?= base_url()?>index.php/caregiver_login">STOP</a></li>
            </ul>
        </div>
</nav>
<div class="container-fluid">
    <?= form_open() ?>
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-8 text-center">
            <h3 class="question">
                {question}
                <input name="question_id" type="hidden" value="{question_id}">
            </h3>
        </div>
        <div class="col-md-2">
        </div>
    </div>
    <div class="row">
        {answers}
        <div class="col-md-6">

            <button type="button" class="btn btn-block btn-lg btn-default" id="button_{id}">
                {text}
            </button>
        </div>
        {/answers}
    </div>
    <input name="selected_answer" type="hidden">
    <?= form_close() ?>
</div>
<nav aria-label="...">
    <ul class="pager">
        <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> Previous</a></li>
        <li class="next"><a href="#">Next<span aria-hidden="true">&rarr;</span></a></li>
    </ul>
</nav>