<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta name="version" content="432.10.68">
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
    <title>??view.index.title_fr_CH??</title>
    <link href="??view.index.title.icon_fr_CH??" rel="Shortcut Icon"></link>
    <script type="text/javascript" src="/tradispoweb_public/wro/g1.js"></script>
    <!-- polyfiller file to detect and load polyfills -->
    <script type="text/javascript" src="/tradispoweb_public/resources/js/js-webshim/minified/polyfiller.js"></script>
    <!--suppress CheckTagEmptyBody, HtmlExtraClosingTag -->
    <link type="text/css" rel="stylesheet" href="/tradispoweb_public/wro/g2.css"></link>
    <script>
        var contextPath = "\/tradispoweb_public\/";
        contextPath = contextPath.substring(0, contextPath.length - 1);
        /*<![CDATA[*/
        var cariWebException = null;
        /*]]>*/
    </script>
    <script type="text/javascript">
        if (isIEorEDGE()) {
            webshim.setOptions('forms-ext', {
                replaceUI: 'auto',
                "date": {
                    "openOnFocus": true,
                    "splitInput": true,
                    "classes": "hide-spinbtns"
                }
            });
            webshims.polyfill('es5 forms forms-ext');
        }
        var step_id = 'step1';
        $(document).ready(function () {
            $(".formNext").unbind("click");
            $(".formNext").click(function (e) {
                e.preventDefault();
                try {
                    var jQuerySelector = $("#" + formID);
                    jQuerySelector.submit();
                } catch (e) {
                    console.log(e);
                }
            });
            $(".formBack").unbind("click");
            $(".formBack").click(function (e) {
                e.preventDefault();
                try {
                    var jQuerySelector = $("#" + formID);
                    jQuerySelector.attr("action", urlBack);
                    jQuerySelector.submit();
                } catch (e) {
                    console.log(e);
                }
            });
            $(".arret").unbind("click");
            $(".arret").click(function (e) {
                e.preventDefault();
                var title = getMessage("quit.process.title");
                var message = getMessage("quit.process.text");
                confirmDialog(title, message, function () {
                    window.location.href = urlEnd;
                });
            });
            $(".pdf").unbind("click");
            $(".pdf").click(function (e) {
                e.preventDefault();
                var thisPdf = this.id;
                displayPdf(thisPdf);
            });
        });

        $.swap = function (elem, options, callback, args) {
            var ret, name, old = {};

            // Remember the old values, and insert the new ones
            for (name in options) {
                old[name] = elem.style[name];
                elem.style[name] = options[name];
            }

            ret = callback.apply(elem, args || []);

            // Revert the old values
            for (name in options) {
                elem.style[name] = old[name];
            }

            return ret;
        };

        function displayPdf(thisPdf) {

            var windowHeight=Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
            var windowWidth=Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
            var usableHeight = windowHeight - 80;
            var usableWidth = windowWidth - 60;
            var content = "<iframe id='pdfObject' src='" + contextPath + thisPdf + "' style='width:" + usableWidth + "px;height:" + usableHeight + "px;' />";
            $.modal(content);
            return false;
        }

        function showMenu() {
            if (document.getElementById('searchTemplate')) {
                document.getElementById('searchTemplate').style.display = 'none';
                document.getElementById('loupe').style.display = 'none';
                document.getElementById('menuOverlay').style.display = 'block';
                document.getElementById('menuContent').style.display = 'block';
            }
        }
        function hideMenu() {
            if (document.getElementById('menuContent')) {
                document.getElementById('menuContent').style.display = 'none';
                document.getElementById('menuOverlay').style.display = 'none';
            }
        }
        function showMenuIcon() {
            if (document.getElementById('searchTemplate')) {
                document.getElementById('menuIcon').style.display = 'block';
            }
        }
        function  hideMenuIcon() {
            document.getElementById('menu').style.display='none';
        }

        function showLoupe() {
            if (document.getElementById('loupe')) {
                document.getElementById('loupe').style.display = 'block';
            }
        }
        function hideLoupe() {
            if (document.getElementById('loupe')) {
                document.getElementById('loupe').style.display = 'none';
            }
        }
        function showSearchTemplate(tab){
            if (tab==0) {
                tab=document.getElementById("hiddenTabNumber").value;
            }
            if (document.getElementById('searchTemplate')) {
                document.getElementById('menuOverlay').style.display = 'block';
                document.getElementById('searchTemplate').style.display = 'block';
                document.getElementById('loupe').style.display = 'none';
                if ((tab==3)||(tab==4)) {
                    document.getElementById('priceRange1').style.display = 'table-row';
                    document.getElementById('priceRange2').style.display = 'table-row';
                    document.getElementById('priceRange3').style.display = 'table-row';
                } else {
                    document.getElementById('priceRange1').style.display = 'none';
                    document.getElementById('priceRange2').style.display = 'none';
                    document.getElementById('priceRange3').style.display = 'none';
                }
            }
        }
        function hideSearchTemplate(){
            if (document.getElementById('searchTemplate')) {
                document.getElementById('menuOverlay').style.display = 'none';
                document.getElementById('searchTemplate').style.display = 'none';
                document.getElementById('loupe').style.display = 'block';
            }
        }
        function updateHeaders(currFunction) {
            if (document.getElementById('searchTemplate')) {
                document.getElementById('searchTemplateHeader').innerText = currFunction;
            }
            if (document.getElementById('currentFunction')) {
                document.getElementById('currentFunction').innerText = currFunction;
            }
        }

    </script>
</head>
<body>
<div class="headerBox">
    <div id="header">
        <div id="cantonText">
            <div class="header1">??app.canton.title_fr_CH??</div>
            <!--<div class="header3" th:class="header3" th:text="#{app.san.title}">Service de la circulation routi&egrave;re et de la navigation SCN</div>-->
            <div class="headerLogo"></div>
            <div class="headerImage"></div>
        </div>
        <div class="lang">
            
        </div>
    </div>

    <div id="confirm">
        <div class="header"><span></span></div>
        <div class="message"></div>
        <div class="buttons">
            <input type="button" class="no red popup-button simplemodal-close" value="No"></input>
            <input type="button" class="yes green popup-button" value="Yes"></input>
        </div>
    </div>
</div>
<h1>ECARI Error Page</h1>

<br/>
<!--<p th:if="${url}">-->
    <!--<b>Page:</b> <span th:text="${url}">Page URL</span>-->
<!--</p>-->

<!--<p th:if="${timestamp}" id='created'>-->
    <!--<b>Occurred:</b> <span th:text="${timestamp}">Timestamp</span>-->
<!--</p>-->

<!--<p th:if="${status}">-->
    <!--<b>Response Status:</b> <span th:text="${status}">status-code</span> <span-->
        <!--th:if="${error}" th:text="'('+${error}+')'">error ...</span>-->
<!--</p>-->

<!--<p th:if="${ex} or ${exception}">-->
    <!--<b>Cause:</b> <span th:if="${ex}" th:text="${ex.getClass().getName()}">exception ...</span>-->
    <!--<span th:if="${exception} and (${exception} != ${ex})" th:text="${exception.getClass().getName()}">exception ...</span>-->
<!--</p>-->

<!--<p th:if="${message} and ${message.length() != 0} and (${ex} or ${exception})">-->
    <!--<b>Message:</b>-->
    <!--<span th:if="${ex} and (${message} != ${ex.getClass().getName()})" th:text="${message}">message ...</span>-->
    <!--<span th:if="${exception}  and (${message} != ${exception.getClass().getName()})" th:text="${message}">message ...</span>-->
<!--</p>-->

<!--<p th:if="${message} and ${message.length() != 0} and not (${ex} or ${exception})">-->
    <!--<b>Message:</b>-->
    <!--<span th:text="${message}">message ...</span>-->
<!--</p>-->

<!--<p th:unless="${ex} or ${exception} or (${message} and ${message.length() != 0})">-->
    <!--Cause unknown (no exception details available)-->
<!--</p>-->





<div>
    <div class="footerDiv">
        <div class="footerMenu"></div>
        <div class="footer">
            <div class="footerBackground">
                <div class="footerImage"></div>
            </div>
            <div id="canton" class="footer1">&copy;
                <script>
                    var d = new Date();
                    document.write(d.getFullYear());
                </script>&nbsp;-&nbsp;
                <span>??app.canton.footer.canton_fr_CH??</span>
            </div>
            <div id="helpline" class="footer2">
                <span>??app.canton.footer.helpline_fr_CH??</span>
            </div>
        </div>
    </div>
</div>

</body>
</html>
