Нужна помощь с применением стиля.

[copypaste]

Друзья, нужно отделить чекбокс от кнопки и вынести его в заголовок раскрывающейся панели.

 

Стилевую конструкцию панели беру со страницы корзины, но как ее правильно применить, чтобы и чекбокс и кнопка работали, подскажите.

 

Вот визуальные изменения.

 

Дано:

 

Нужно получить:

 

Вот код блока кнопки с чекбоксом из шаблона:

<?php if ($text_agree) { ?>
<div class="buttons clearfix">
  <div class="pull-right"><?php echo $text_agree; ?>  
    <input type="checkbox" name="agree" value="1" />
    <input type="button" value="<?php echo $button_continue; ?>" id="button-register" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary" />
  </div>
</div>


<?php } else { ?>
<div class="buttons clearfix">
  <div class="pull-right">
    <input type="button" value="<?php echo $button_continue; ?>" id="button-register" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary" />
  </div>
</div>
<?php } ?>

А это стилевая конструкция:

<div class="panel panel-default">
  <div class="panel-heading">
    <h4 class="panel-title"><a style="" href="#collapse-agreement" data-toggle="collapse" data-parent="#accordion" class="accordion-toggle">Мною прочитаны и я даю согласие с документом </a></h4>
  </div>
  <div id="collapse-agreement" class="panel-collapse collapse">
    <div class="panel-body">
    
     
    </div>
  </div>
</div>

Помогите правильно собрать воедино.

Спасибо.