<?php
include 'header.php';

error_reporting(E_ALL);
ini_set('display_errors', 1);

?>

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid1">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
                <h1 class="my-3 h1">Claim History</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Claim History</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<hr class="mb-5">
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid1">
         <?php
            if ($_SESSION['tm_language_id'] == 0) {
                echo '<p>Please select your language first</p>'
                . '<a href="settings.php" class="btn btn-primary">Go to Settings</a>';
            /*} else if ($_SESSION['tm_is_neo_verified'] == 0) {
                echo '<p>Your NEO address is not verified, please verify</p>'
                . '<a href="settings.php" class="btn btn-primary">Go to Settings</a>';*/
            /*} else if ($_SESSION['tm_is_email_verified'] == 0) {
                echo '<p>Please verify your email address first</p>'
                . '<a href="settings.php" class="btn btn-primary">Go to Settings</a>';*/
            } else {
                ?>
        <!-- Main row -->
		 <div class="">
			<label style="margin-right: 30px;">Current TMN: <span class="current-tmn"><?php echo $_SESSION['tm_credits']; ?> </span></label>
			   <?php if($_SESSION['tm_credits'] >= 1000 && $_SESSION['tm_is_claim_pending'] == 0) { 
					if ($_SESSION['tm_is_email_verified'] == 0) { ?>
						 <button type="button" class="btn btn-primary btn-disabled btn-redeem" style="background: grey;">Redeem</button>
					<?php } else { ?>
						<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-redeem">Redeem</button>
					<?php } ?>
				<?php } else { ?>
					<button type="button" class="btn btn-primary btn-disabled btn-redeem" style="background: grey;">Redeem</button>
				<?php } ?>
		</div>
            
        <div class="row">
           <div class="card-body">
               <div class="card card-cascade narrower z-depth-0">
					<div class="view view-cascade gradient-card-header bkcolor-theme pt-2 pb-2 narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center">						
						 <a class="white-text mx-3">Claim History</a>
					</div>
                <div class="card-body">
                        <table id="dataTable" class="dataTable table table-bordered table-hover">
                  <thead>
                      <tr>
                        <th>TMN claimed</th>
                        <th>Claimed On</th>
                        <th>Status</th>
                      </tr>
                  </thead>
                  <tbody>
                 
                  </tbody>
                </table>
				</div>
              </div>
              
        </div>
        <?php } ?>
        <!-- /.row (main row) -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>


<div class="modal fade" id="modal-redeem">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Redeem TMN</h4>
            </div>
            <div class="modal-body">
                <span>Are you sure you want to redeem <?php echo $_SESSION['tm_credits'];?> TMN?</span>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-primary" id="btn-yes">Redeem</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>
<script>

        initialiseDatatable();
        function initialiseDatatable() {
            $('#dataTable').dataTable().fnDestroy();
            // $('.claim-list').html('');
            // if ($.fn.dataTable.isDataTable('.dataTable')) {
            //     $('.dataTable').DataTable().clear().destroy();
            // }
             $('#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": true,
                        "visible": true,
                    }, {
                        "targets": [1],
                        "searchable": true,
                        "orderable": true,
                        "visible": true,
                    }, {
                        "targets": [2],
                        "searchable": false,
                        "orderable": false,
                        "visible": true,
                    }
                ],
                "order": [
                    [1, "desc"]
                ],
                "lengthMenu": [[25, 50, 100, 200], [25, 50, 100, 200]],
                "ajax": {
                    url: "controllers/get_claim_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');
        }
        
        
        $("#btn-yes").click(function () {
			$(this).html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>Loading...').attr('disabled', true);
			$.ajax({url: 'controllers/redeem_tmn.php',
				data: {
				   claim:1,
				},
				type: 'post',
				dataType: 'JSON',
				context:this,
				success: function (output) {
					$('#modal-redeem').modal('hide');
					if (output.status == 200) {
						toastr.success(output.msg);
						setTimeout(function(){ window.location.reload(); }, 1500);                           
					} else {
						toastr.error(output.msg);
					}
				}
			});
			$(this).html('Redeem').attr('disabled', false);            
        });
        
        $(".btn-redeem").click(function () { 
            <?php if($_SESSION['tm_is_claim_pending'] == 0) {?>
                toastr.error('You should have atleast 1000 TMN\'s to redeem.');
            <?php } else { ?>
                toastr.error('Please wait for your previous claim to clear out.');
            <?php } ?>
        });
</script>