<!-- 'name', 'email', 'password', 'profile_image', 'email', 'contact_number', 'address','user_type', -->
<div class="tabbable">
    <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4">
        <li class="active">
            <a data-toggle="tab" href="#registrationinfo"><i class="fa fa-user bigger-110"></i> General Information</a>
        </li>
        <li>
            <a data-toggle="tab" href="#academicInfo"><i class="fa fa-certificate bigger-110"></i> Academic Info</a>
        </li>
        <li class="">
            <a data-toggle="tab" href="#profileimage"><i class="fa fa-image bigger-110"></i> Profile Images</a>
        </li>
    </ul>

    <div class="tab-content">
        <div id="registrationinfo" class="tab-pane active">
            @include($view_path.'.registration.includes.forms.generalinfo')
            @include($view_path.'.registration.includes.forms.parent')
        </div>

        <div id="academicInfo" class="tab-pane">
            @include($view_path.'.registration.includes.forms.academicinfo')
        </div>

        <div id="profileimage" class="tab-pane">
            @include($view_path.'.registration.includes.forms.profileimage')
        </div>
    </div>

    <div class="space-4"></div>

    <div class="hr hr-24"></div>
</div>