</div>
<footer class="footer footer-transparent">
   <div class="container">
      <div class="row text-center align-items-center flex-row-reverse">
         <div class="col-lg-auto ml-lg-auto">
            Develop by
            <a href="https://www.codester.com/codyseller" class="link-secondary">CodySeller</a>.
            &nbsp;|&nbsp;version 3.0
         </div>
         <div class="col-12 col-lg-auto mt-3 mt-lg-0">
            Copyright © 2021
            <a href="https://www.codester.com/items/25775/google-drive-proxy-player-php-script" class="link-secondary">gdplyr PRO</a>.
            All rights reserved.
         </div>
      </div>
   </div>
</footer>
</div>
</div>
<div class="modal modal-blur fade" id="del-confirm" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
      <div class="modal-content">
         <div class="modal-body">
            <div class="modal-title">Are you sure?</div>
            <div>you want to delete <span class="ctxt"></span> ?</div>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-link link-secondary mr-auto" data-dismiss="modal">Cancel</button>
            <a href="javascript:void(0)" id="del-link" class="btn btn-danger dlo" >Yes, delete</a>
         </div>
      </div>
   </div>
</div>
<script>
   PROOT  = '<?=PROOT?>';
</script>
<!-- Libs JS -->
<script src="<?=getThemeURI()?>/assets/libs/jquery/dist/jquery.min.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script><script src="<?=getThemeURI()?>/assets/libs/apexcharts/dist/apexcharts.min.js"></script> -->
<script src="<?=getThemeURI()?>/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="<?=getThemeURI()?>/assets/libs/apexcharts/dist/apexcharts.min.js"></script>
<!-- Tabler Core -->
<script src="<?=getThemeURI()?>/assets/js/tabler.min.js"></script>
<script src="<?=getThemeURI()?>/assets/js/jquery-ui.min.js"></script>
<script src="https://cdn.datatables.net/v/bs4/dt-1.10.22/datatables.min.js"></script>
<script src="<?=getThemeURI()?>/assets/libs/typewriter/core.js"></script>
<script src="<?=getThemeURI()?>/assets/libs/selectize/dist/js/standalone/selectize.min.js"></script>
<script src="<?=getThemeURI()?>/assets/js/custom.js?v=<?=time()?>"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> -->
<?php if($this->action == 'dashboard'): ?>
<script>
   // @formatter:off
   document.addEventListener("DOMContentLoaded", function () {
   	window.ApexCharts && (new ApexCharts(document.getElementById('links-status'), {
   		chart: {
   			type: "donut",
   			fontFamily: 'inherit',
   			height: 240,
   			sparkline: {
   				enabled: true
   			},
   
   			animations: {
   				enabled: false
   			},
   		},
   		fill: {
   			opacity: 1,
   		},
   		series: [<?=implode(',',array_values($this->data['data']['rft']))?>],
   		labels: ["Active", "Pasued", "Broken"],
   		grid: {
   			strokeDashArray: 4,
   		},
   		colors: ["#206bc4", "#79a6dc", "#cd201fad"],
   		legend: {
         show: true,
   			position: 'bottom',
   			height: 32,
   			offsetY: 8,
   			markers: {
   				width: 8,
   				height: 8,
   				radius: 100,
   			},
   			itemMargin: {
   				horizontal: 8,
   			},
         
   		},
   		tooltip: {
   			fillSeriesColor: false
   		},
   	})).render();
   });
   // @formatter:on
</script>
<script>
   // @formatter:off
   document.addEventListener("DOMContentLoaded", function () {
   	window.ApexCharts && (new ApexCharts(document.getElementById('servers-usage'), {
   		chart: {
   			type: "donut",
   			fontFamily: 'inherit',
   			height: 240,
   			sparkline: {
   				enabled: true
   			},
   			animations: {
   				enabled: false
   			}
   		},
   		fill: {
   			opacity: 1,
   		},
   		series: [<?=implode(',',array_values($this->data['data']['serL'][0]))?>],
   		labels: ["<?=implode('","',array_values($this->data['data']['serL'][1]))?>"],
   		grid: {
   			strokeDashArray: 4,
   		},
   		legend: {
         show: true,
   			position: 'bottom',
   			height: 32,
   			offsetY: 8,
   			markers: {
   				width: 8,
   				height: 8,
   				radius: 100,
   			},
   			itemMargin: {
   				horizontal: 8,
   			},
         
   		},
   		tooltip: {
   			fillSeriesColor: false
   		},
   	})).render();
   });
   // @formatter:on
</script>
<?php endif; ?>
<?php if($this->action == 'servers' && !empty($this->data['hlsStData'])):  ?>
<?php foreach($this->data['hlsStData'] as $hlsK => $hlsV): ?>
<script>
   // @formatter:off
   document.addEventListener("DOMContentLoaded", function () {
   	window.ApexCharts && (new ApexCharts(document.getElementById('hls-server-<?=$hlsK?>'), {
   		chart: {
   			type: "donut",
   			fontFamily: 'inherit',
   			height: 240,
   			sparkline: {
   				enabled: true
   			},
   			animations: {
   				enabled: false
   			}
   		},
   		fill: {
   			opacity: 1,
   		},
   		series: [<?=implode(',',array_values($hlsV['data']['meta']))?>],
   		labels: ["<?=implode('","',array_keys($hlsV['data']['meta']))?>"],
   		grid: {
   			strokeDashArray: 4,
   		},
   		legend: {
         show: true,
   			position: 'bottom',
   			height: 32,
   			offsetY: 8,
   			markers: {
   				width: 8,
   				height: 8,
   				radius: 100,
   			},
   			itemMargin: {
   				horizontal: 8,
   			},
         
   		},
     colors: ["#fa4654", "#bfe399"],
   		tooltip: {
   			fillSeriesColor: false
   		},
   	})).render();
   });
   // @formatter:on
</script>
<?php endforeach; ?>
<?php endif; ?>
<script>
   document.body.style.display = "block";
</script>
</body>
</html>