			<footer class="foot" style="background-color: {{$settings->footer_color}}">
				<div class="container-fluid">					
					<div class="copyright" align="center">
					    {{ __('messages.cpyrght') }} &#169; <a href="/">{{$settings->site_title}}</a> {{ date("Y") }}. {{ __('messages.all_rght_resrvd') }} 
					</div>				
				</div>
			</footer>
		</div>
	</div>

	<div id="err" class="alert alert-danger popup_alert_err" ></div>
	<div id="suc" class="alert alert-success popup_alert_suc"></div>

	@include('user.inc.alert')

	@if(Session::has('status')  && Session::get('msgType') == 'suc')         
	    <script type="text/javascript">
	    	$('#suc').html("{{Session::get('status')}}");            
	        $('#suc').show().animate({ width: "50%" }, "1000").delay(5000).fadeOut(100);
	    </script>
	    {{Session::forget('status')}}
	    {{Session::forget('msgType')}}         
	@elseif(Session::has('status')  && Session::get('msgType') == 'err')        
	    <script type="text/javascript">
	        $('#err').html("{{Session::get('status')}}");            
	        $('#err').show().animate({ width: "50%" }, "1000").delay(5000).fadeOut(100);
	    </script>
	    {{Session::forget('status')}}
	    {{Session::forget('msgType')}}
	@endif

	<!--   Core JS Files   -->
	

	<script src="/atlantis/js/core/popper.min.js"></script>
	<script src="/atlantis/js/core/bootstrap.min.js"></script>

	<!-- jQuery UI -->
	<script src="/atlantis/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
	<script src="/atlantis/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>

	<!-- jQuery Scrollbar -->
	<script src="/atlantis/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>


	<!-- Chart JS -->
	<script src="/atlantis/js/plugin/chart.js/chart.min.js"></script>

	<!-- jQuery Sparkline -->
	<script src="/atlantis/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>

	<!-- Chart Circle -->
	<script src="/atlantis/js/plugin/chart-circle/circles.min.js"></script>

	<!-- Datatables -->
	<script src="/atlantis/js/plugin/datatables/datatables.min.js"></script>

	<!-- Bootstrap Notify -->
	<script src="/atlantis/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>

	<!-- jQuery Vector Maps -->
	<script src="/atlantis/js/plugin/jqvmap/jquery.vmap.min.js"></script>
	<script src="/atlantis/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>

	<!-- Sweet Alert -->
	<script src="/atlantis/js/plugin/sweetalert/sweetalert.min.js"></script>

	<!-- Atlantis JS -->
	<script src="/atlantis/js/atlantis.min.js"></script>
	
	<script src="/atlantis/js/moment.js"></script>
	<script src="/atlantis/main.js"></script>
	
	<script>
		Circles.create({
			id:'circles-1',
			radius:45,
			value:'{{ count($myInv) }}',
			maxValue:100,
			width:7,
			text: '{{ count($myInv) }}',
			colors:['#f1f1f1', '#FF9E27'],
			duration:400,
			wrpClass:'circles-wrp',
			textClass:'circles-text',
			styleWrapper:true,
			styleText:true
		})

		Circles.create({
			id:'circles-2',
			radius:45,
			value:'{{ count($wd) }}',
			maxValue:100,
			width:7,
			text: '{{ count($wd) }}',
			colors:['#f1f1f1', '#2BB930'],
			duration:400,
			wrpClass:'circles-wrp',
			textClass:'circles-text',
			styleWrapper:true,
			styleText:true
		})

		Circles.create({
			id:'circles-3',
			radius:45,
			value:'{{ count($refs) }}',
			maxValue:100,
			width:7,
			text: '{{ count($refs) }}',
			colors:['#f1f1f1', '#F25961'],
			duration:400,
			wrpClass:'circles-wrp',
			textClass:'circles-text',
			styleWrapper:true,
			styleText:true
		})

		Circles.create({
			id:'circles-logs',
			radius:45,
			value:'{{ count($logs) }}',
			maxValue:100,
			width:7,
			text: '{{ count($logs) }}',
			colors:['#f1f1f1', '#F25961'],
			duration:400,
			wrpClass:'circles-wrp',
			textClass:'circles-text',
			styleWrapper:true,
			styleText:true
		})

		var totalIncomeChart = document.getElementById('totalIncomeChart').getContext('2d');

		var mytotalIncomeChart = new Chart(totalIncomeChart, {
			type: 'bar',
			data: {
				labels: ["S", "M", "T", "W", "T", "F", "S", "S", "M", "T"],
				datasets : [{
					label: "Total Income",
					backgroundColor: '#ff9e27',
					borderColor: 'rgb(23, 125, 255)',
					data: [6, 4, 9, 5, 4, 6, 4, 3, 8, 10],
				}],
			},
			options: {
				responsive: true,
				maintainAspectRatio: false,
				legend: {
					display: false,
				},
				scales: {
					yAxes: [{
						ticks: {
							display: false //this will remove only the label
						},
						gridLines : {
							drawBorder: false,
							display : false
						}
					}],
					xAxes : [ {
						gridLines : {
							drawBorder: false,
							display : false
						}
					}]
				},
			}
		});

		$('#lineChart').sparkline([105,103,123,100,95,105,115], {
			type: 'line',
			height: '70',
			width: '100%',
			lineWidth: '2',
			lineColor: '#ffa534',
			fillColor: 'rgba(255, 165, 52, .14)'
		});	

	</script>

	<script type="text/javascript">
		
		var inv_dates = [];
		var inv_vals = [];

		var inv = '{!! json_encode($myInv) !!}' ;
		var js_inv = JSON.parse(inv);		
		
		$.each( js_inv, function( k, val ) {
	        // $('#prnt').append(', ' +ky+": "+val['created_at']);
	        var dt = moment(new Date(val['created_at'])).format('MM/YY'); //new Date(val['created_at']);
	        inv_dates[k] = dt; // dt.getMonth() + '/'+ dt.getFullYear();
	        inv_vals[k] = val['capital'];
	    }); 

		var ctx2 = document.getElementById('statisticsChart2').getContext('2d');

		var statisticsChart2 = new Chart(ctx2, {
			type: 'line',
			data: {
				labels: inv_dates, //["Jan", "Feb", "Mar"], 
				datasets: 
				[ 
					{
						label: "Investment Stats",
						borderColor: '#08C',
						pointBackgroundColor: 'rgba(0, 84, 180, 0.6)',
						pointRadius: 0,
						backgroundColor: 'rgba(0, 84, 220, 0.4)',
						legendColor: '#08C',
						fill: true,
						borderWidth: 2,
						data: inv_vals //[154, 184, 175] 
					} 
					
				]
			},
			options : {
				responsive: true, 
				maintainAspectRatio: false,
				legend: {
					display: false
				},
				tooltips: {
					bodySpacing: 4,
					mode:"nearest",
					intersect: 0,
					position:"nearest",
					xPadding:10,
					yPadding:10,
					caretPadding:10
				},
				layout:{
					padding:{left:5,right:5,top:15,bottom:15}
				},
				scales: {
					yAxes: [{
						ticks: {
							fontStyle: "500",
							beginAtZero: false,
							maxTicksLimit: 5,
							padding: 10,
						},
						gridLines: {
							drawTicks: false,
							display: false
						}
					}],
					xAxes: [{
						gridLines: {
							zeroLineColor: "transparent"
						},
						ticks: {
							padding: 10,
							fontStyle: "500"
						}
					}]
				}, 
				legendCallback: function(chart) { 
					var text = []; 
					text.push('<ul class="' + chart.id + '-legend html-legend">'); 
					for (var i = 0; i < chart.data.datasets.length; i++) { 
						text.push('<li><span style="background-color:' + chart.data.datasets[i].legendColor + '"></span>'); 
						if (chart.data.datasets[i].label) { 
							text.push(chart.data.datasets[i].label); 
						} 
						text.push('</li>'); 
					} 
					text.push('</ul>'); 
					return text.join(''); 
				}  
			}
		});

		var inv_dates = [];
		var inv_vals = [];

		var inv = '{!! json_encode($wd) !!}' ;
		var js_inv = JSON.parse(inv);		
		
		$.each( js_inv, function( k, val ) {
	        // $('#prnt').append(', ' +ky+": "+val['created_at']);
	        var dt = moment(new Date(val['created_at'])).format('MM/YY'); //new Date(val['created_at']);
	        inv_dates[k] = dt; // dt.getMonth() + '/'+ dt.getFullYear();
	        inv_vals[k] = val['amount'];
	    }); 

		var ctx = document.getElementById('wd_stats').getContext('2d');

		var wd_stats = new Chart(ctx, {
			type: 'line',
			scaleFontColor: '#CCC',
			data: {
				labels: inv_dates, //["Jan", "Feb", "Mar"], 
				datasets: 
				[ 
					{
						label: "Withdrawal Stats",
						borderColor: '#FFF',
						pointBackgroundColor: 'rgba(243, 84, 93, 0.6)',
						pointRadius: 0,
						backgroundColor: 'rgba(243, 84, 93, 0.4)',
						legendColor: '#CCC',
						fill: true,
						borderWidth: 2,
						data: inv_vals //[154, 184, 175] 
					} 
					
				]
			},
			options : {				
				responsive: true, 
				maintainAspectRatio: false,
				legend: {
					display: false
				},
				tooltips: {
					bodySpacing: 4,
					mode:"nearest",
					intersect: 0,
					position:"nearest",
					xPadding:10,
					yPadding:10,
					caretPadding:10
				},
				layout:{
					padding:{left:5,right:5,top:15,bottom:15}
				},
				scales: {
					yAxes: [{
						ticks: {
							fontStyle: "500",
							beginAtZero: false,
							maxTicksLimit: 5,
							padding: 10,
							fontColor: "#CCC",							
						},
						gridLines: {
							drawTicks: false,
							display: false,
							color:"rgba(255,255,255,0.5)",
						}
					}],
					xAxes: [{
						gridLines: {
							zeroLineColor: "#FFF",
							color:"rgba(255,255,255,0.5)",

						},
						ticks: {
							padding: 10,
							fontStyle: "500",
							fontColor: "#CCC",
						}
					}]
				}, 
				legendCallback: function(chart) { 
					var text = []; 
					text.push('<ul class="' + chart.id + '-legend html-legend">'); 
					for (var i = 0; i < chart.data.datasets.length; i++) { 
						text.push('<li><span style="background-color:' + chart.data.datasets[i].legendColor + '"></span>'); 
						if (chart.data.datasets[i].label) { 
							text.push(chart.data.datasets[i].label); 
						} 
						text.push('</li>'); 
					} 
					text.push('</ul>'); 
					return text.join(''); 
				}  
			}
		});

		
	</script>

	<script >
		$(document).ready(function() {
			$('#basic-datatables').DataTable({
			});

			$('#multi-filter-select').DataTable( {
				"pageLength": 5,
				initComplete: function () {
					this.api().columns().every( function () {
						var column = this;
						var select = $('<select class="form-control"><option value=""></option></select>')
						.appendTo( $(column.footer()).empty() )
						.on( 'change', function () {
							var val = $.fn.dataTable.util.escapeRegex(
								$(this).val()
								);

							column
							.search( val ? '^'+val+'$' : '', true, false )
							.draw();
						} );

						column.data().unique().sort().each( function ( d, j ) {
							select.append( '<option value="'+d+'">'+d+'</option>' )
						} );
					} );
				}
			});

			// Add Row
			$('#add-row').DataTable({
				"pageLength": 5,
			});

			var action = '<td> <div class="form-button-action"> <button type="button" data-toggle="tooltip" title="" class="btn btn-link btn-primary btn-lg" data-original-title="Edit Task"> <i class="fa fa-edit"></i> </button> <button type="button" data-toggle="tooltip" title="" class="btn btn-link btn-danger" data-original-title="Remove"> <i class="fa fa-times"></i> </button> </div> </td>';

			$('#addRowButton').click(function() {
				$('#add-row').dataTable().fnAddData([
					$("#addName").val(),
					$("#addPosition").val(),
					$("#addOffice").val(),
					action
					]);
				$('#addRowModal').modal('hide');

			});
		});
	</script>
	<script type="text/javascript">
        $(document).ready(function(){
        	$('#pay_with_bank_dep').on('click', function(){
        		$('#bank_dets').toggle(1000);
        	});

        	$('#bank_deposit_cont').on('click', function(){
        		$('#bank_deposit_cont_dets').show(1000);
        	});

        });
    </script> 

    <script src="https://www.blockonomics.co/js/pay_button.js"></script>

    @if($settings->chat_widget != '' || $settings->chat_widget != null )
    	{!! $settings->chat_widget !!}
    @endif

    @if(Session::has('bank_dep_result') && Session::get('bank_dep_result') == 'suc' )
    	<script type="text/javascript">
    		$('#bank_deposit_result').show(1000);
    	</script>
    @endif

    @if(Session::get('toast_type') == 'err' )
		<script type="text/javascript">
			$('#err').html('{{Session::get('toast_msg')}}')
            $('#err').show().animate({ width: "30%" }, "1000").delay(10000).fadeOut(100);
		</script>
	@endif
	@if(Session::get('toast_type') == 'suc' )
		<script type="text/javascript">
			$('#suc').html('{{Session::get('toast_msg')}}')
            $('#suc').show().animate({ width: "30%" }, "1000").delay(10000).fadeOut(100);
		</script>
	@endif
	
