<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{config('app.name')}} | Page Builder</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="{{asset('css/laravel-grapes.css')}}" rel="stylesheet">
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
        div#gjs {
            height: 100vh !important;
        }
        </style>
        
        @routes
</head>
<body>
    <input id="Pages" type="hidden" pages-data="{{$pages}}">
    <input id="Languages" type="hidden" lang-data="{{json_encode(config('lg.languages'))}}">
    <div id="gjs" style="height:100%; overflow:hidden" class="gjs-editor-cont"></div>
    <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
          <strong class="mr-auto"></strong>
          <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close" style="outline:0;">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="toast-body"></div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="{{ asset('/js/laravel-grapes.js') }}"></script>
</body>
</html>
