<!DOCTYPE html>{% load compress staticfiles hc_extras %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}{% site_name %} - Monitor Cron Jobs. Get Notified When Your Cron Jobs Fail{% 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' %}">

    {% compress css %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.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/add_webhook.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/bootstrap-select.min.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">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand"  href="/">
            {% 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 %}">Checks</a>
                    </li>

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

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

                    <li {% if page == 'project' %} class="active" {% endif %}>
                        <a href="{% url 'hc-project-settings' project.code %}">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 %}>
                    <a href="{% url 'hc-pricing' %}">Pricing</a>
                </li>
                {% endif %}

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

                {% if request.user.is_authenticated %}
                <li class="dropdown">
                    <a id="nav-email" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
                        Account
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="dropdown-header">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><a href="{% url 'hc-profile' %}">Account Settings</a></li>
                    <li><a href="{% url 'hc-logout' %}">Log Out</a></li>
                    </ul>
                </li>
                {% elif page != "login" %}
                <li><a href="{% url 'hc-login' %}">Sign In</a></li>
                {% 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>
                    Powered by Healthchecks open-source project
                    (<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>
