
<html>
    <head>
        <title>DP - Sběr telemetrických dat</title>
        <script type='text/javascript' src='https://api.mapy.cz/loader.js'></script>
        <script type='text/javascript' >Loader.load()</script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <!-- Scripts -->

        <script src="{{ asset('public/js/app.js') }}" defer></script>

        <!-- Fonts -->
        <link rel="dns-prefetch" href="//fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

        <!-- Styles -->
        <link href="{{ asset('public/css/app.css') }}" rel="stylesheet">
        <link href="//db.onlinewebfonts.com/c/a78cfad3beb089a6ce86d4e280fa270b?family=Calibri" rel="stylesheet" type="text/css"/>
        <!-- Head Contents -->
        <script src="https://code.highcharts.com/highcharts.js"></script>
    </head>
    @include('layouts.modal')
    <body>
        <span class="ml-4" style=" z-index: 10; top:5px; left:2px; position: absolute;"><img src={{URL::asset('/resources/images/logo-top.png')}} alt="logo"/></span>
        <div style="height: 69px; width: 100%;background-repeat: repeat;background-image: url({{URL::asset('/resources/images/bg-top1.png')}});">
            <a style=" font-family: Calibri, serif;color: whitesmoke; float: right; margin-right: 25px; position: relative;  top: 30%; font-size: 20px;" href="{{ url('/login') }}">Administrace</a>
        </div>

        <div id='k' style='height:92.5%; width: 100%; background-color: #3f9ae5;' ></div>
            <script type="text/javascript">
                $('body').css('margin','0px');
                {!! $mapa !!}
               $('#k').click( function ()
                {
                    if (!$(".card")[0])
                    {
                        return;
                    }
                    $(".card").css({
                        'background-image': 'url("{{URL::asset('/resources/images/bg-top1.png')}}")',
                        'background-repeat': 'no-repeat',
                        'background-size': '10px ' + $(".card").height() + 200 + 'px'
                    });
                    $('.card-header').remove();
                    $('.card-footer').remove();
                });
                </script>
    </body>
</html>
