@extends('layout.adminapp')
@section('page-css')
    <style>
        #container{
            z-index: -100000;
            /*overflow: scroll;*/
        }
        #container > iframe {
            width: 100%;
            height:250vh;
            position: relative;
            border: none;
            z-index: -100000;
        }
        #container .sidemenu {
            /*display: none;*/
        }
    </style>
@endsection
@section('page-content')

    <section class="content">

        <div class="content-inner content-docs">
            <div id='container' class="col-lg-12">
                    <iframe  src="https://monitor.snwolley.com:3000/d/NSR93Pvnk/coi-current-year?orgId=2&refresh=5s&from=now%2Fy&to=now&kiosk" ></iframe>
                    {{-- <iframe src="https://monitor.snwolley.com:3000/d/92_JjBv7z/coi?orgId=2&from=1609459200000&to=now&refresh=5s&kiosk" ></iframe> --}}
{{--                    <iframe src="http://monitor.snwolley.com:3000/d/aj4PKovnk/coi?orgId=1&from=now%2Fy&to=now&theme=light&inactive=1&kiosk" ></iframe>--}}
            </div>




        </div>

        @endsection

        @section('page-js')
            <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>

            <script type="text/javascript">
                // GrafanaEmbed = {
                //     grafanaUrl: 'http://monitor.snwolley.com:3000/d/aj4PKovnk/coi?orgId=1&from=now%2Fy&to=now&theme=light&kiosk',
                //     dashboard: 'dashboad-name',
                //     queryParams: {
                //         dashnav: 0,
                //         // this is a base64-encoded string of username:password
                //         // for example on a *NIX machine (and Mac OS X):
                //         // $ echo "kiosk1:supersecret" | base64
                //         // a2lvc2sxOnN1cGVyc2VjcmV0Cg==
                //         auth: 'eyJrIjoidU9XN3I5S3ZTZ1FWNHUxMTBUTUtkc2w4TmZ5VzJMQXgiLCJuIjoiTnBvbnR1QXBwIiwiaWQiOjF9',
                //         theme: 'light'
                //     }
                // };

                // (function() {
                //     var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
                //     d.src = GrafanaEmbed.grafanaUrl + '/public/app/features/dashboard/embed.js';
                //     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
                // })();

            </script>




@endsection

@section('page-js')

@endsection