<!--
(c) 2004 - 2022 Health Information Privacy Laboratory
Vanderbilt University Medical Center


    This is a flask-based cms that considers the following for a website :
        - header
        - content
        - menu
        - content
        - footer


-->
<!DOCTYPE html>
<html lang="en">
    <head >
        <title>{{layout.header.title}}</title>
        
        <link rel="shortcut icon" href="{{system.context}}/favicon.ico">

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="x12,parser,healthcare,tools,informatics,research,phd,post-doc,api,python, jamia,amia,pnas,nature">
        <meta name="robots" content="/, follow, max-snippet:-1, max-image-preview:large">
        {%include "libs.html" %}
       
    </head>
    <style>
        .dialog {
            width:700px;
            padding:4px;
        }
        .fa-circle-xmark {color:maroon}
        
    </style>
    <script>
        $(document).ready(function(){
            _html = jx.dom.get.value('dialog')
            jx.dom.hide('dialog')
            jx.modal.show({id:'foo', html:_html})
            
        })
    </script>
    <body>
        
         <div id="dialog" style="display:none; ">
            
            <div class="border-round border" style="background-color: #f3f3f3; display:grid; grid-template-columns: 32px auto; align-items:center; gap:8px;">
                <img src="{{system.icon}}" style="height:28px; width:28px; margin:4px"/>
                Error - {{layout.header.title}}
            </div>
            <p>
                <div style="display:grid; grid-template-columns:48px auto; gap:4px; width:350px;">
                    <div align="center">
                        <i class="fa-solid fa-bug" style="color:brown; font-size:48px"></i>
                    </div>
                    <div align="center">
                        <div class="bold large-text" style="font-size:32px;">500</div>
                        <div>Page Not found</div>

                    </div>

                </div>
            </p>
            
         </div>           
    </body>
 </html>
