<!DOCTYPE html>{% load compress i18n static hc_extras %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}{% blocktrans trimmed %}{{ site_name }} - Monitor Cron Jobs. Get Notified When Your Cron Jobs Fail{% endblocktrans %}{% endblock %}</title>
    {% block description %}
    <meta name="description" content="Monitor and Get Notified When Your Cron Jobs Fail. Free alternative to Cronitor and Dead Man's Snitch.">
    {% endblock %}
    {% block keywords %}
    <meta name="keywords" content="healthchecks, monitor cron jobs, cron monitoring, cron job syntax, health checks, crontab cheat sheet, crontab monitoring, cronjob monitoring, cron dashboard">
    {% endblock %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="apple-mobile-web-app-title" content="{{ site_name }}">
    <meta name="application-name" content="{{ site_name }}">
    <link rel="icon" type="image/x-icon" href="{% static 'img/favicon.ico' %}">
    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/apple-touch-180.png' %}">
    {% block head %}{% endblock %}
    {% compress css %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/bootstrap-select.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/selectize.hc.css' %}" type="text/css">

    <link rel="stylesheet" href="{% static 'css/add_credential.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/add_project_modal.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/add_pushover.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/webhook_form.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/badges.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/base.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/billing.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/channel_checks.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/channels.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/checkbox.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/details.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/docs.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/docs_cron.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/icomoon.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/log.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/login.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/my_checks.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/my_checks_desktop.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/nouislider.pips.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/ping_details.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/pricing.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/profile.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/projects.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/radio.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/settings.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/snippet-copy.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/syntax.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/welcome.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/set_password.css' %}" type="text/css">
    {% endcompress %}
</head>
<body class="page-{{ page }}">
    {% debug_warning %}
    <nav class="navbar navbar-default">
        <div class="container{% if page == "checks" or page == "details" %}-fluid{% endif %}">
        <div class="navbar-header">
            <button
                type="button"
                class="navbar-toggle collapsed"
                data-toggle="collapse"
                data-target="#navbar"
                aria-expanded="false"
                aria-controls="navbar">
                <span class="sr-only">{% trans "Toggle navigation" %}</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a id="base-url" class="navbar-brand" href="{% url 'hc-index' %}">
            {% if request.user.is_authenticated and project %}
                {{ project }}
                <span class="caret"></span>
            {% elif request.user.is_authenticated%}
                <img
                    id="logo"
                    height="50"
                    width="59"
                    src="{% static 'img/logo.png'%}"
                    srcset="{% static 'img/logo.png'%} 1x, {% static 'img/logo@2x.png'%} 2x"
                    alt="{{ site_name }}">
            {% else %}
                <img
                    id="logo"
                    height="50"
                    width="200"
                    src="{% static 'img/logo-full.png'%}"
                    srcset="{% static 'img/logo-full.png'%} 1x, {% static 'img/logo-full@2x.png'%} 2x"
                    alt="{{ site_name }}">
            {% endif %}
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            {% if project %}
            <ul id="nav-main-sections" class="nav navbar-nav">
                    <li {% if page == 'checks' %} class="active" {% endif %}>
                        <a href="{% url 'hc-checks' project.code %}">
                            {% trans "Checks" %}
                        </a>
                    </li>

                    {% with b=project.have_channel_issues %}
                    <li {% if b %}id="broken-channels"{% endif %} {% if page == 'channels' %}class="active"{% endif %}>
                        <a href="{% url 'hc-channels' project.code %}">
                            {% trans "Integrations" %}
                            {% if b %}<span class="ic-grace"></span>{% endif %}
                        </a>
                    </li>
                    {% endwith %}

                    <li {% if page == 'badges' %} class="active" {% endif %}>
                        <a href="{% url 'hc-badges' project.code %}">
                            {% trans "Badges" %}
                        </a>
                    </li>

                    <li {% if page == 'project' %} class="active" {% endif %}>
                        <a href="{% url 'hc-project-settings' project.code %}">
                            {% trans "Settings" %}
                        </a>
                    </li>
            </ul>
            {% endif %}

            <ul id="global-links" class="nav navbar-nav navbar-right">
                {% if show_pricing %}
                <li {% if page == 'pricing' %} class="active" {% endif %}>
                    {% if project %}
                    <a href="{% url 'hc-p-pricing' project.code %}">
                        {% trans "Pricing" %}
                    </a>
                    {% else %}
                    <a href="{% url 'hc-pricing' %}">
                        {% trans "Pricing" %}
                    </a>
                    {% endif %}
                </li>
                {% endif %}

                <li {% if page == 'docs' %} class="active" {% endif %}>
                    <a href="{% url 'hc-docs' %}">
                        {% trans "Docs" %}
                    </a>
                </li>

                {% if request.user.is_authenticated %}
                <li class="dropdown">
                    <a id="nav-email" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                        {% trans "Account" %}
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        {% if request.user.is_superuser %}
                            <li><a href="{% url 'admin:index' %}">
                                {% trans "Site Administration" %}
                            </a></li>
                            <li role="separator" class="divider"></li>
                        {% endif %}

                        <li class="dropdown-header">
                            {% trans "Projects" %}
                        </li>
                        {% for project in request.profile.annotated_projects %}
                        <li class="project-item">
                            <a href="{% url 'hc-checks' project.code %}">
                                <span class="name">{{ project }}</span>
                                {% if project.n_down %}
                                <span class="badge badge-down pull-right">
                                    {{ project.n_down }}
                                </span>
                                {% endif %}
                            </a>
                        </li>
                        {% endfor %}

                    <li role="separator" class="divider"></li>
                    <li class="dropdown-header">{{ request.user.email }}</li>

                    <li>
                        <a href="{% url 'hc-profile' %}">
                            {% trans "Account Settings" %}
                        </a>
                    </li>
                    <li>
                        <a href="{% url 'hc-logout' %}">
                            {% trans "Log Out" %}
                        </a>
                    </li>
                    </ul>
                </li>
                {% elif page != "login" %}
                <li>
                    <a href="{% url 'hc-login' %}">
                        {% trans "Sign In" %}
                    </a>
                </li>
                {% endif %}

                {% if registration_open %}
                {% if page == "welcome" or page == "login" %}
                <li>
                    <a id="nav-sign-up" href="#" data-toggle="modal" data-target="#signup-modal">
                        <span>{% trans "Sign Up" %}</span>
                    </a>
                </li>
                {% endif %}
                {% endif %}
            </ul>
        </div>

        </div>
    </nav>

    {% block containers %}
    <div class="container{% if page == "checks" or page == "details" %}-fluid{% endif %}">
        {% block content %}{% endblock %}
    </div>
    {% endblock %}

    <footer class="footer">
        <div class="container{% if page == "checks" or page == "details" %}-fluid{% endif %}">
            <ul>
                <li>
                    Healthchecks {% site_version %}
                    (<a href="https://github.com/healthchecks/healthchecks">github</a>,
                     <a href="https://healthchecks.io">healthchecks.io</a>)
                </li>
            </ul>
        </div>
    </footer>


    {% block scripts %}
    {% compress js %}
    <script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    {% endcompress %}
    {% endblock %}
</body>
</html>
