Viewing File: /usr/local/cpanel/base/unprotected/cpanel/templates/sitejet_error.tmpl

[%
SET app_image = MagicRevision(get_theme_url("images/sitejet-logo.svg"));
%]

<div class="sitejet-error-page">
    <div class="sitejet-header">
        <img class="sitejet-logo" src="[% app_image %]" alt="[% locale.maketext('Sitejet Builder') %]">
    </div>

    <div class="error_notice">
        <div id="error-wrapper">
            <div id="error_msg_contents">
                <h2 class="error-title">[% generic_error.html() %]</h2>
                <p class="error-message">[% locale.maketext('The Sitejet service is currently experiencing issues and cannot process your request.') %]</p>

                <div class="error-actions">
                    <p class="service-message">[% locale.maketext('Please try again later.') %]</p>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.sitejet-error-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.sitejet-header {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem;
}

.sitejet-logo {
    width: auto;
    height: 48px;
    display: block;
}

.error_notice {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.error-title {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.error-message {
    color: #5d6d7e;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1.5rem 0;
}

.error-actions {
    margin-top: 1.5rem;
}

.service-message {
    color: #5d6d7e;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .sitejet-header {
        flex-direction: column;
        gap: 0.5rem;
    }

    .sitejet-error-page {
        padding: 1rem;
    }

    .error_notice {
        padding: 1.5rem;
    }
}
</style>