<?php
include 'header.php';
$activated = 0;
$invalid = 0;

if (isset($_GET['activated']) && !empty(trim($_GET['activated']))) {
    $activated = 1;
} else if (isset($_GET['invalid']) && !empty(trim($_GET['invalid']))) {
    $invalid = 1;
}
/*
$cURLConnection = curl_init();

curl_setopt($cURLConnection, CURLOPT_URL, 'https://api.coingecko.com/api/v3/simple/price?ids=ttanslateme-network-token&vs_currencies=usd');
curl_setopt($cURLConnection, CURLOPT_RETURNTRANSFER, true);

$data = curl_exec($cURLConnection);
curl_close($cURLConnection);

$jsonArrayResponse = json_decode($data, true);

$tmn_dollar = 0.003;

if (isset($jsonArrayResponse['ttanslateme-network-token']['usd'])) {
    $tmn_dollar = $jsonArrayResponse['ttanslateme-network-token']['usd'];
}*/
?>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
	<div class="container-fluid">
		<div class="content-header">
			<div class="row mb-2 align-center">
				<div class="col-sm-6">
					<h1 class="my-3 h1 home-title">Dashboard
						<a href="javascript:window.location.reload(true)" class="refresh-icon">
							<i class="fas fa-sync"></i>
						</a>
					</h1>
				</div><!-- /.col -->
				<div class="col-sm-6">
					<ol class="breadcrumb float-sm-right">
						<li class="breadcrumb-item"><a href="index.php">Home</a></li>
						<li class="breadcrumb-item active">Dashboard</li>
					</ol>
				</div><!-- /.col -->
			</div>
		</div>
	</div>
	<hr class="mb-5">
	<!-- Section: Intro -->
    <section class="mt-md-4 pt-md-2 mb-0 pb-0">
		<div class="row clearfix mt-50 icons_wrapper">
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-4">
				<a class="card card-banner card-yellow-light" href="suggestions.php">
					<div class="card-body display-flex-space">
						<i class="icon fa fa-question fa-2x"></i>
						<div class="content">
							<div class="title">Go To</div>
							<div class="value">Suggestions</div>
						</div>
					</div>
				</a>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-4">
				<a class="card card-banner card-orange-light" href="voting.php">
					<div class="card-body display-flex-space">
						<i class="icon fa fa-poll fa-2x"></i>
						<div class="content">
							<div class="title">Go To</div>
							<div class="value">Voting</div>
						</div>
					</div>
				</a>
			</div>	
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-4">
				<a class="card card-banner card-green-light" href="claims.php">
					<div class="card-body display-flex-space">
						<i class="icon fa fa-money-check fa-2x"></i>
						<div class="content">
							<div class="title">Go To</div>
							<div class="value">Claims</div>
						</div>
					</div>
				</a>
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-4">
				<a class="card card-banner card-blue-light" href="credit-history.php">
					<div class="card-body display-flex-space">
						<i class="icon fa fa-bars fa-2x"></i>
						<div class="content">
							<div class="title">Go To</div>
							<div class="value">Credit History</div>
						</div>
					</div>	
				</a>
			</div>
		</div>        
	</section>
	<!-- Section: Intro -->
<!-- Main content -->
<section class="content">
    <div class="">      
        <!-- Main row -->
		<div class="row" style="margin-top: 20px;">
		<!-- Grid column -->
			<div class="col-lg-4 col-md-4 col-sm-12 charts-outer">
				<div class="card card-cascade narrower">
					<!-- Card image -->
					<div class="view view-cascade gradient-card-header bkcolor-theme pt-3 pb-3">
						<h6 class="mb-0">Suggestions analysis</h6>
					</div>
					<!-- Card image -->

					<!-- Card content -->
					<div class="card-body card-body-cascade text-center chart1">
						<canvas id="piechart">							
						</canvas>
						<div class="preloader-wrapper active">
						  <div class="spinner-layer spinner-blue-only">
							<div class="circle-clipper left">
							  <div class="circle"></div>
							</div>
							<div class="gap-patch">
							  <div class="circle"></div>
							</div>
							<div class="circle-clipper right">
							  <div class="circle"></div>
							</div>
						  </div>
						</div>
					</div>
				</div>
				
				<div class="card card-cascade narrower mt-5 mb-4">
					<!-- Card image -->
					<div class="view view-cascade gradient-card-header bkcolor-theme pt-3 pb-3">
						<h6 class="mb-0">Voting analysis</h6>
					</div>
					<!-- Card image -->

					<!-- Card content -->
					<div class="card-body card-body-cascade text-center chart2">
						<canvas id="pieVotechart">
							
						</canvas>
						<div class="preloader-wrapper active">
						  <div class="spinner-layer spinner-blue-only">
							<div class="circle-clipper left">
							  <div class="circle"></div>
							</div>
							<div class="gap-patch">
							  <div class="circle"></div>
							</div>
							<div class="circle-clipper right">
							  <div class="circle"></div>
							</div>
						  </div>
						</div>
					</div>
				</div>
			</div>
			<!-- Grid column -->
			
			<!-- Grid column -->
			<div class="col-lg-8 col-md-8 col-sm-12 table-outer">

            <!-- Nav tabs -->
            <ul class="nav md-tabs nav-justified">
              <li class="nav-item waves-effect waves-light">
                <a class="nav-link active" data-toggle="tab" href="#panel1" role="tab">Suggestion History</a>
              </li>
              <li class="nav-item waves-effect waves-light">
                <a class="nav-link" data-toggle="tab" href="#panel2" role="tab">Voting History</a>
              </li>
            </ul>
            <!-- Tab panels -->
            <div class="tab-content card">
              <!-- Panel 1 -->
              <div class="tab-pane fade in show active" id="panel1" role="tabpanel">              
				<div class="table-responsive">
					<table id="dataTable" class="dataTable table table-hover">
						<thead>
							<tr>
								<th>Suggestion</th>
								<th>Status</th>
							</tr>
						</thead>
						<tbody class="suggestion-tbody">

						</tbody>
					</table>                  
				</div>
              </div>
              <!-- Panel 1 -->
              <!-- Panel 2 -->
              <div class="tab-pane fade" id="panel2" role="tabpanel">             
				<div class="table-responsive">
					<table id="dataTableVoting" class="dataTable table table-hover">
						<thead>
							<tr>
								<th>Voted Suggestion</th>
								<th>Status</th>
							</tr>
						</thead>
						<tbody class="suggestion-tbody">

						</tbody>
					</table>                  
				</div>
              </div>
              <!-- Panel 2 -->             
            </div>

          </div>
          <!-- Grid column -->	  
        </div>
        <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>
<script>
<?php if ($activated == 1) { ?>
        toastr.success('Email verified successfully.');
<?php } else if ($invalid == 1) { ?>
        toastr.error('Invalid verification link.');
<?php } ?>
$(document).ready(function() {
	$('.dataTables_paginate ul.pagination').addClass("pagination-circle");
});

    $.ajax({url: 'controllers/get_user_wise_winning_suggestion_value.php',
        data: {
        },
        type: 'post',
        dataType: 'json',
        success: function (output) {
            console.log(output);
            var total_votes_given = parseInt(output.total_votes_given);
            var total_suggestions_given = parseInt(output.total_suggestions_given);
            var winning_suggestion_sentence = parseInt(output.winning_suggestion_sentence);
            var winning_suggestion_vote = parseInt(output.winning_suggestion_vote);
            var pending_suggestion_sentence = parseInt(output.pending_suggestion_sentence);
            var lost_suggestion_sentence = parseInt(output.lost_suggestion_sentence);
            var pending_suggestion_vote = parseInt(output.pending_suggestion_vote);
            var lost_suggestion_vote = parseInt(output.lost_suggestion_vote);

// Load google charts
            google.charts.load('current', {'packages': ['corechart']});

            if (total_suggestions_given >= 0)
                google.charts.setOnLoadCallback(drawSuggestionChart);

            if (total_votes_given >= 0)
                google.charts.setOnLoadCallback(drawVotingChart);
//            google.charts.setOnLoadCallback(drawSuggestionChart(output.total_suggestions_given, output.winning_suggestion_sentence));
//            google.charts.setOnLoadCallback(drawVotingChart(output.total_votes_given, output.winning_suggestion_vote));


            // Draw the chart and set the chart values
            function drawSuggestionChart() {
                /*var data = google.visualization.arrayToDataTable([
                    ['Task', 'Suggestions Analysis'],
                    ['Pending Suggestions', pending_suggestion_sentence],
                    ['Lost Suggestions', lost_suggestion_sentence],
                    ['Winning Suggestions', winning_suggestion_sentence],
                ]);*/

                // Optional; add a title and set the width and height of the chart
                /*var options = {'title': 'Winning suggestions analysis', 
                    colors: ['#ffbb33', '#ff0000', '#008000'], 'legend': 'bottom'};

                // Display the chart inside the <div> element with id="piechart"
                var chart = new google.visualization.PieChart(document.getElementById('piechart'));
                chart.draw(data, options);*/
				var ctxP = document.getElementById("piechart").getContext('2d');
				var myPieChart = new Chart(ctxP, {
				  type: 'pie',
				  data: {
					labels: ["Pending Suggestions", "Lost Suggestions", "Winning Suggestions"],
					datasets: [{
					  data: [pending_suggestion_sentence, lost_suggestion_sentence, winning_suggestion_sentence],
					  backgroundColor: ['#FDB45C', '#F7464A', '#46BFBD'],
					  hoverBackgroundColor: ["#FFC870", "#FF5A5E", "#5AD3D1"]
					}]
				  },
				  options: {
					responsive: true
				  }
				});
				$(".chart1 .preloader-wrapper").css("display", "none");
            }

            function drawVotingChart(total, winning) {
                /*var data = google.visualization.arrayToDataTable([
                    ['Task', 'Voting Analysis'],
                    ['Pending Suggestions', pending_suggestion_vote],
                    ['Lost Suggestions', lost_suggestion_vote],
                    ['Winning Suggestions', winning_suggestion_vote],
                ]);

                // Optional; add a title and set the width and height of the chart
                var options = {
                    title: 'Voted suggestions analysis',
                    colors: ['#ffbb33', '#ff0000', '#008000'],
                    legend: {
                        position: 'bottom',
                        alignment: 'middle',
                        textStyle: {
                            fontSize: 8
                        },
                    },
                };

                // Display the chart inside the <div> element with id="piechart"
                var chart = new google.visualization.PieChart(document.getElementById('pieVotechart'));
                chart.draw(data, options);*/
				
				var ctxP = document.getElementById("pieVotechart").getContext('2d');
				var myPieChart = new Chart(ctxP, {
				  type: 'pie',
				  data: {
					labels: ["Pending Suggestions", "Lost Suggestions", "Winning Suggestions"],
					datasets: [{
					  data: [pending_suggestion_vote, lost_suggestion_vote, winning_suggestion_vote],
					  backgroundColor: ['#FDB45C', '#F7464A', '#46BFBD'],
					  hoverBackgroundColor: ["#FFC870", "#FF5A5E", "#5AD3D1"]
					}]
				  },
				  options: {
					responsive: true
				  }
				});
				$(".chart2 .preloader-wrapper").css("display", "none");
            }
        }
    });

    initialiseDatatable();
    initialiseDatatableVoting();

    function initialiseDatatable() {
        $('#dataTable').dataTable().fnDestroy();
        $('#dataTable').DataTable({
            language: {
                searchPlaceholder: "Search"
            },
			"pagingType": "first_last_numbers",
            "processing": true,
            "bDestroy": true,
            "serverSide": true,
            "bAutoWidth": false,
            "searching": true,
            "destroy": true,
            "columnDefs": [
                {
                    "targets": [0],
                    "searchable": true,
                    "orderable": false,
                    "visible": true,
                }, {
                    "targets": [1],
                    "searchable": true,
                    "orderable": true,
                    "visible": true,
                }
            ],
            "order": [
                [1, "desc"]
            ],
            "lengthMenu": [[10, 25, 50, 100, 200], [10, 25, 50, 100, 200]],
            "ajax": {
                url: "controllers/get_suggestion_history.php", // json datasource
                type: "post",
                data: {
                },
                error: function () {
                    $(".claim-list").append('<tr><td colspan="3">No data found</td></tr>');
                }
            }
        });
        $('input[type="search"]').addClass('txt-search');
    }

    function initialiseDatatableVoting() {
        $('#dataTableVoting').dataTable().fnDestroy();
        $('#dataTableVoting').DataTable({
            language: {
                searchPlaceholder: "Search"
            },
			"pagingType": "first_last_numbers",
            "processing": true,
            "bDestroy": true,
            "serverSide": true,
            "bAutoWidth": false,
            "searching": true,
            "destroy": true,
            "columnDefs": [
                {
                    "targets": [0],
                    "searchable": true,
                    "orderable": false,
                    "visible": true,
                }, {
                    "targets": [1],
                    "searchable": true,
                    "orderable": true,
                    "visible": true,
                }
            ],
            "order": [
                [1, "desc"]
            ],
            "lengthMenu": [[10, 25, 50, 100, 200], [10, 25, 50, 100, 200]],
            "ajax": {
                url: "controllers/get_voted_suggestion_history.php", // json datasource
                type: "post",
                data: {
                },
                error: function () {
                    $(".claim-list").append('<tr><td colspan="3">No data found</td></tr>');
                }
            }
        });
        $('input[type="search"]').addClass('txt-search');
    }


</script>