@extends('crudbooster::admin_template')
@section('custom_css')
<style>
    .tab_active{
        background-color: #ccc;
        color: #000;
    }
</style>
@endsection
@section('content')
<!-- Your html goes here -->
<div class='panel panel-default'>
    <div class='panel-heading'>Add Form</div>
    <div class='panel-body'>
        <div class="row">
            <div class="col-md-12">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#personal_info"><i class="fas fa-user" aria-hidden="true"></i> Personal</a></li>
                    <li ><a  data-toggle="tab" href="#address" ><i class="fas fa-address-card" aria-hidden="true"></i> Address</a></li>
                    <li ><a  data-toggle="tab" href="#tax_tab" ><i class="fa fa-money" aria-hidden="true"></i> Tax</a></li>
                    <li ><a  data-toggle="tab" href="#sales_info"><i class="fa fa-certificate" aria-hidden="true"></i> Sales Info</a></li>
                    <li ><a  data-toggle="tab" href="#organisation_info"><i class="fa fa-certificate" aria-hidden="true"></i> Organisation Info</a></li>
                </ul>
                <div class="tab-content">
                    <div id="personal_info" class="tab-pane fade in active">
                        <table class='table table-striped'>
                                                    </table>
                    </div>
                    <div id="address" class="tab-pane fade">
                        <table class='table table-striped'>
                                                    </table>
                    </div>
                    <div id="tax_tab" class="tab-pane fade">
                        <table class='table table-striped'>
                                                    </table>
                    </div>
                    <div id="sales_info" class="tab-pane fade">
                        <table class='table table-striped'>
                                                    </table>
                    </div>
                    <div id="organisation_info" class="tab-pane fade">
                        <table class='table table-striped'>
                                                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection