@extends('layouts.default')
@section('content')
<!-- page content -->
<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Profits</h3>
	      	</div>
	    </div>
    	<div class="clearfix"></div>
	    <div class="row">
	    	<div class="col-md-12 col-sm-12 col-xs-12">
	      		{{ Userdefined::showMessage() }}
		        <div class="x_panel">
			        <div class="x_content">
		    			<div id="tabs"> <!-- Container Load Here --> </div>
		    			<div id="date_id"></div>
		    		</div>
				</div>
			</div>
		</div>
  	</div>
</div>
<!-- /page content -->

<!-- page Scripts -->
<script type="text/javascript" src="{!! url('public/extjs/examples/shared/include-ext.js') !!}"></script>
<!-- /Page Scripts End Here -->

<script type="text/javascript">
Ext.Loader.setConfig({
    enabled: true
});
Ext.Loader.setPath('Ext.ux', 'public/extjs/examples/ux/');

Ext.require([
    'Ext.form.*',
    '*',
    'Ext.ux.DataTip'
]);

Ext.onReady(function() {

    var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';

    var tabs2 = Ext.widget('tabpanel', {
        renderTo: 'tabs',
        activeTab: 0,
        width: false,
        height: false,
        anchor : false,
        plain: true,
        defaults :{
            autoScroll: true,
            bodyPadding: 10
        },

        items: [{
                title: 'Investment',
                xtype: 'form',
       			id: 'tabForm',
        		url: '