{% extends "base.html" %}
{% block title %}{{ title }}{% endblock %}
{% block h2 %}{{ title }}{% endblock %}
{% block content %}
{% from 'include/input_macros.html' import input, checkbox, select %}
<script src="/inc/smon-6.3.13.js"></script>
<script src="/inc/users.js"></script>
<script src="/inc/fontawesome.min.js"></script>
<script src="/inc/jquery.timeago.js" type="text/javascript"></script>
{% if user_status == 0 %}
	{% include 'include/no_sub.html' %}
{% elif smon_error != '' %}
<div style="text-align: center;">
	<br />
	<h3>{{lang.smon_page.desc.not_installed}}</h3>.
	<img src="/inc/images/no_servers.png" alt="There is no server">
	<h4>{{lang.words.read|title()}} <a href="https://roxy-wi.org/services/smon" title="Simple monitoring network ports with alerting via Telegram and WEB panel" target="_blank">{{lang.words.here}}</a>
		{{lang.phrases.how_to_install}} SMON {{lang.words.service}}.</h4>
</div>
{% elif smon_status.0 == 'failed' or smon_status.0 == 'inactive' %}
<div style="text-align: center;">
	<br />
	<h3>{{lang.smon_page.desc.smon_is_not_run}}</h3>
	<img src="/inc/images/no_servers.png" alt="There is no server">
	<h4>{{lang.smon_page.desc.run_smon}} <a href="users.py#services" title="Roxy-WI services" target="_blank">{{lang.words.here}}</a> {{lang.smon_page.desc.before_use}}</h4>
</div>
{% elif smon|length == 0 and action != 'add' and action != 'history' and action != 'checker_history' %}
<div style="text-align: center;">
	<br />
	<h3>{{lang.smon_page.desc.not_added}}</h3>
	<img src="/inc/images/no_servers.png" alt="There is no server">
		<h4>{{lang.smon_page.desc.create_server}} <a href="smon.py?action=add" title="Roxy-WI SMON" target="_blank">{{lang.words.here}}</a> {{lang.smon_page.desc.before_use}}</h4>
	<br />
</div>
{% elif smon|length == 0 and action != 'add' and action == 'history' %}
<div style="text-align: center;">
	<br />
	<h3>{{lang.phrases.no_events_added}}</h3>
	<img src="/inc/images/no_servers.png" alt="There is no server">
	<h4>Click <a href="smon.py?action=add" title="Roxy-WI SMON" target="_blank">{{lang.words.here}}</a> {{lang.smon_page.desc.see_check}}</h4>
	<br />
</div>
{% elif smon|length == 0 and action != 'add' and action == 'checker_history' %}
<div style="text-align: center;">
	<br />
	<h3>
		{{lang.phrases.no_events_added}} Check if there are any Checker are enabled on the "<a href="hapservers.py?service=haproxy" title="HAProxy Overview">HAProxy {{lang.menu_links.hapservers.link}}</a>"
		{{lang.words.or}} {{lang.words.on}} "<a href="hapservers.py?service=nginx" title="NGINX Overview">NGINX {{lang.menu_links.hapservers.link}}</a>"
		{{lang.words.or}} {{lang.words.on}} "<a href="hapservers.py?service=apache" title="Apache Overview">Apache {{lang.menu_links.hapservers.link}}</a>"
		{{lang.words.or}} {{lang.words.on}} "<a href="hapservers.py?service=keepalived" title="Keepalived Overview">Keepalived {{lang.menu_links.hapservers.link}}</a>" {{lang.words.pages}}
	</h3>
	<br />
</div>
{% else %}
{% if action == 'add' %}
<table class="overview overview-overflow" id="ajax-smon-http">
	<thead>
	<caption><h3>HTTP {{lang.words.checking}}</h3></caption>
		<tr class="overviewHead">
			<th class="padding10 first-collumn" style="width: 200px;">{{lang.words.name|title()}}</th>
			<th style="width: 15%;">URL</th>
			<th style="width: 5%;">{{lang.words.enabled|title()}}</th>
			<th style="width: 20%;">{{lang.words.body|title()}}</th>
			<th style="width: 11%;">Telegram</th>
			<th style="width: 11%;">Slack</th>
			<th style="width: 11%;">PagerDuty</th>
			<th style="width: 10%;">{{lang.words.group|title()}}</th>
			<th style="width: 100%;">{{lang.words.desc|title()}}</th>
			<th></th>
			<th></th>
		</tr>
	</thead>
	<tbody>
		{% for s in smon %}
			{% if s.check_type == 'http' %}
				{% for s_service in smon_http %}
					{% if s_service.smon_id|string() == s.id|string() %}
						<tr id="smon-http-{{s.id}}">
							{% include 'include/smon_http_server.html' %}
					{% endif %}
				{% endfor %}
			{% endif %}
		{% endfor %}
	</tbody>
</table>
<br /><span class="add-button" title="{{lang.words.add|title()}} {{lang.words.w_a}} {{lang.words.new}} {{lang.words.server}}" id="add-smon-button-http">+ {{lang.words.add|title()}}</span>
<br /><br />
<table class="overview overview-overflow" id="ajax-smon-tcp">
	<thead>
	<caption><h3>TCP/UDP {{lang.words.checking}}</h3></caption>
		<tr class="overviewHead">
			<th class="padding10 first-collumn" style="width: 200px;">{{lang.words.name|title()}}</th>
			<th style="width: 15%;">{{lang.words.Hostname}}</th>
			<th style="width: 2%;">{{lang.words.port|title()}}</th>
			<th style="width: 5%;">{{lang.words.enabled|title()}}</th>
			<th style="width: 11%;">Telegram</th>
			<th style="width: 11%;">Slack</th>
			<th style="width: 11%;">PagerDuty</th>
			<th style="width: 10%;">{{lang.words.group|title()}}</th>
			<th style="width: 100%;">{{lang.words.desc|title()}}</th>
			<th></th>
			<th></th>
		</tr>
	</thead>
	<tbody>
	{% for s_service in smon_tcp %}
		{% for s in smon %}
			{% if s.id|string() == s_service.smon_id|string() %}
				<tr id="smon-tcp-{{s.id}}">
					{% include 'include/smon_tcp_server.html' %}
			{% endif %}
		{% endfor %}
	{% endfor %}
	</tbody>
</table>
<br /><span class="add-button" title="{{lang.words.add|title()}} {{lang.words.w_a}} {{lang.words.new}} {{lang.words.server}}" id="add-smon-button-tcp">+ {{lang.words.add|title()}}</span>
<br /><br />
<table class="overview overview-overflow" id="ajax-smon-ping" style="margin-bottom: 20px;">
	<thead>
	<caption><h3>Ping {{lang.words.checking}}</h3></caption>
	<tr class="overviewHead">
		<th class="padding10 first-collumn" style="width: 200px;">{{lang.words.name|title()}}</th>
		<th style="width: 15%;">{{lang.words.Hostname}}</th>
		<th style="width: 5%;">{{lang.words.enabled|title()}}</th>
		<th style="width: 15%;">Telegram</th>
		<th style="width: 15%;">Slack</th>
		<th style="width: 15%;">PagerDuty</th>
		<th style="width: 10%;">{{lang.words.group|title()}}</th>
		<th style="width: 100%;">{{lang.words.desc|title()}}</th>
		<th></th>
		<th></th>
	</tr>
	</thead>
	<tbody>
	{% for s in smon %}
		{% if s.check_type == 'ping' %}
			{% for s_service in smon_ping %}
				{% if s_service.smon_id|string() == s.id|string() %}
					<tr id="smon-ping-{{s.id}}">
						{% include 'include/smon_ping_server.html' %}
				{% endif %}
			{% endfor %}
		{% endif %}
	{% endfor %}
	</tbody>
</table>
<br /><span class="add-button" title="{{lang.words.add|title()}} {{lang.words.w_a}} {{lang.words.new}} {{lang.words.server}}" id="add-smon-button-ping">+ {{lang.words.add|title()}}</span>
<br /><br />
<div id="ajax"></div>
<div class="add-note addName alert-info" style="width: inherit; margin-right: 15px;">
	{{lang.phrases.read_about_parameters}} <a href="https://roxy-wi.org/services/smon" title="SMON service description" target="_blank">{{lang.words.here}}</a>
</div>
<div id="smon-add-table" style="display: none;">	
	<table class="overview" id="smon-add-table-overview" title="{{lang.words.create|title()}} {{lang.words.w_a}} {{lang.words.new}} {{lang.words.server}} {{lang.words.for}} {{lang.words.monitoring}}">
		{% include 'include/tr_validate_tips.html' %}
		<tr>
			<td class="padding20">
				{{lang.words.name|title()}}
				<span class="need-field">*</span>
			</td>
			<td>
				{{ input('new-smon-name') }}
			</td>
		</tr>
		<tr>
			<td class="padding20">
				{{lang.words.checking|title()}}
				<span class="need-field">*</span>
			</td>
			<td>
				{% set check_types = {'ping': 'Ping', 'tcp': 'TCP/UDP', 'http': 'HTTP(s)'} %}
				{{ select('check_type', values=check_types, selected='http') }}
			</td>
		</tr>
		<tr class="new_smon_hostname">
			<td class="padding20">
				{{lang.words.Hostname}}
				<span class="need-field">*</span>
			</td>
			<td>
				{{ input('new-smon-ip') }}
			</td>
		</tr>
		<tr class="smon_tcp_check">
			<td class="padding20">
				{{lang.words.port|title()}}
				<span class="need-field">*</span>
			</td>
			<td>
				{{ input('new-smon-port', type='number', size='4') }}
			</td>
		</tr>
		<tr>
			<td class="padding20">{{lang.words.enable|title()}}</td>
			<td>
				{{ checkbox('new-smon-enable', checked='checked') }}
			</td>
		</tr>
		<tr class="smon_http_check">
			<td class="padding20">URL</td>
			<td>{{ input('new-smon-url', value='https://', title='proto://url[:port]/') }}</td>
		</tr>
		<tr class="smon_http_check">
			<td class="padding20">{{lang.words.body|title()}}</td>
			<td>{{ input('new-smon-body') }}</td>
		</tr>
		<tr>
			<td class="padding20">Telegram</td>
			<td>
				<select id="new-smon-telegram">
					<option value="0">{{lang.words.disabled|title()}}</option>
				{% for t in telegrams %}
					<option value="{{t.id}}">{{t.chanel_name}}</option>
				{% endfor %}
				</select>
			</td>
		</tr>
		<tr>
			<td class="padding20">Slack</td>
			<td>
				<select id="new-smon-slack">
					<option value="0">{{lang.words.disabled|title()}}</option>
				{% for t in slacks %}
					<option value="{{t.id}}">{{t.chanel_name}}</option>
				{% endfor %}
				</select>
			</td>
		</tr>
		<tr>
			<td class="padding20">PagerDuty</td>
			<td>
				<select id="new-smon-pd">
					<option value="0">{{lang.words.disabled|title()}}</option>
				{% for t in pds %}
					<option value="{{t.id}}">{{t.chanel_name}}</option>
				{% endfor %}
				</select>
			</td>
		</tr>
		<tr>
			<td class="padding20">{{lang.words.group|title()}}</td>
			<td>{{ input('new-smon-group') }}</td>
		</tr>
		<tr>
			<td class="padding20">{{lang.words.desc|title()}}</td>
			<td>{{ input('new-smon-description') }}</td>
		</tr>
	</table>
	{% include 'include/del_confirm.html' %}
{% elif action == 'history' or action == 'checker_history' %}
	{% include 'ajax/alerts_history.html' %}
{% else %}
	<div class="main" id="smon_dashboard">
		{% include 'ajax/smon_dashboard.html' %}
	</div>
{% endif %}
</div>
{% endif %}
{% endblock %}