Steroids Accordion Example

@accordion

<div class="panel-group smart-accordion-default" id="accordion-2">
    @_BODY
</div>

@accordionPanel

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion-2" href="#collapseOne-1" class="collapsed"> <i class="fa fa-fw fa-plus-circle txt-color-green"></i> <i class="fa fa-fw fa-minus-circle txt-color-red"></i> @_1 </a></h4>
    </div>
    <div id="collapseOne-1" class="panel-collapse @_2" style="height: {{trim('@_2') == 'in' ? 'auto' : '0px'}};">
        <div class="panel-body">
            @_BODY
        </div>
    </div>
</div>

@text

<!-- SMART -->
@if (@_label->has)
    <label class="label">@_label</label>
@endif

<label for="@_name" class="input">
    @if (@_icon->has)
        @php
            $__icon = '@_icon_append' == 'true' ? 'append' : 'prepend';
        @@
        <i class="icon-{{$__icon}} fa fa-@_icon"></i>
    @endif

    {{ Form::input('text', '@_name', null, ['class' => 'form-control @_class->bare', 'placeholder' => '@_placeholder', 'title' => '@_title']) }}

    <span class="help-block hidden" style="color:red"><i class="fa fa-warning"></i> <span>Please correct the error</span></span>
</label>

The Template

@extends('views.site._layouts.page')

@section('pageContent')
    @accordion
        @accordionPanel(Name and Email, in)
            @text(#label=#title=E-mail,#icon=user,#name=id=email,#placeholder="E-mail")
            @text(#label=#title=First name,#icon=user,#name=id=first_name,#placeholder=Your first name)
        @@

        @accordionPanel(Addresses, collapse)
            @text(#label=#title=placeholder=CEP,#class=zipMask,#icon=home,#name=id=address_zip)
            @text(#label=#title=Street,#placeholder="The street name",class=form-control,#icon=home,#name=id=address_street)
        @@
    @@
@stop