{% extends FUNC_BASE_HTML %}
{% load i18n %}
{% load utils %}



{% block css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery/ui/1.11.1/jquery-ui.custom.min.css" />
{{ block.super }}
<style type="text/css"><!--
a { color:#00f; }

.list_table li {
	list-style:none;
	float:left;
	width:50px;
}
--></style>
{% endblock css %}



{% block js %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/1.10.2/jquery-1.10.2.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/1.11.1/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript">
<!--
	(function($) {
		$(top.document).find('head').append($('<link/>', {
				rel: 'stylesheet',
				type: 'text/css',
				href: '{{ STATIC_URL }}css/jquery/ui/1.11.1/jquery-ui.custom.min.css'
		}));
		$(document).ready(function() {
			var datalist = new Array(
//				{ label: '', value: ''},
				{ label: '1', value: '1'},
				{ label: '2', value: '2'},
				{ label: '3', value: '3'},
				{ label: '4', value: '4'},
				{ label: '5', value: '5'},
				{ label: '6', value: '6'},
				{ label: '7', value: '7'},
				{ label: '{% trans "No Limit" %}', value: '0'}
			);
			var input = $('#{{ form.times.auto_id }}');
			input.autocomplete({
				appendTo: top.document.body,
				position: {
					at: "left+"+(input.offset().left+2)+" top+"+(input.offset().top+input.outerHeight()+1),
					of: $(top.document.body).find('iframe').filter(function() { return window.frameElement == this; })
				},
				messages: { noResults: '', results: function() {} },
				select: function (event, ui) { try {} catch (e) {} },
				minLength: 0,
				source: datalist
			}).click(function () {
				$(this).autocomplete("search", '');
			});
		});
	})($.noConflict(true));
// -->
</script>
{{ block.super }}
<script type="text/javascript" src="{{ STATIC_URL|add:"js/status.js"|with_version }}"></script>
<script type="text/javascript"><!--
	function move(url) {
		parent.wait.start();
		location.href = url;
	}

	$(document).ready(function() {

		$('input[name="{{ form.schedule.name }}"]:radio').change(function() {
			var checked = $('input[name="{{ form.schedule.name }}"]:radio:checked').val();
			var elem = $('#{{ form.sun.auto_id }},#{{ form.mon.auto_id }},#{{ form.tue.auto_id }},#{{ form.wed.auto_id }},#{{ form.thu.auto_id }},#{{ form.fri.auto_id }},#{{ form.sat.auto_id }},#{{ form.time.auto_id }}_hour,#{{ form.time.auto_id }}_minute');
			if (checked == 'True') { elem.removeAttr('readonly'); }
			else { elem.attr('readonly', 'readonly'); }
		}).change();

		try {
			(new Status('../systembackupstatus', 'id_status')).get();
		} catch(e) {}

		(function chg() {
			$.ajax({
				type: "GET",
				url: "../systembackuprunning",
				cache: false,
				dataType: "json",
				timeout: 10 * 1000,
				success: function(data, dataType) {
					var running = data.running;
					$('#id_stop').prop('disabled', ! running);
				},
				error: function(xhr, textStatus, errorThrown) {
				},
				complete: function(xhr, textStatus) {
					setTimeout(function() { chg(); }, 1 * 1000);
				}
			});
		})();

	});
--></script>
{% endblock js %}



{% block ajaxform_modified %}{{ block.super }}
{% endblock ajaxform_modified %}



{% block function %}
<div class="basic_function">
  <table class="list_table">
    <tr>
      <th>{% trans "Status" %}</th>
      <td id="id_status"></td>
    </tr>
    <tr>
      <th>{{ form.times.label }}</th>
      <td>{{ form.times }}
        <br /><span>{% trans "LanDiskClone: Times = 0 is unlimited." %}</span>
        <br /><span>{% trans "LanDiskClone: Please check space in usb4." %}<a href="#" onclick="move('/admin/info/volumeinfo')">{% trans "Go Volume Information" %}</a></span>
      <td>
    </tr>
    <tr>
      <th>{{ form.schedule.label }}</th>
      <td>{{ form.schedule }}<td>
    </tr>
    <tr>
      <th>{% trans "Day" %}</th>
      <td>
        {{ form.sun.label }}: {{ form.sun }}
        <br />{{ form.mon.label }}: {{ form.mon }}
        <br />{{ form.tue.label }}: {{ form.tue }}
        <br />{{ form.wed.label }}: {{ form.wed }}
        <br />{{ form.thu.label }}: {{ form.thu }}
        <br />{{ form.fri.label }}: {{ form.fri }}
        <br />{{ form.sat.label }}: {{ form.sat }}
      <td>
    </tr>
    <tr>
      <th>{{ form.time.label }}</th>
      <td>{{ form.time }}<td>
    </tr>
  </table>
  <div>
    <input id="id_stop"
           class="mbtn"
           style="float:right;margin:10px;"
           type="submit"
           name="stop"
           value="{% trans "LanDiskClone: System Backup Stop" %}" />
    <input id="id_start_full"
           class="mbtn"
           style="float:right;margin:10px;"
           type="submit"
           name="exefull"
           value="{% trans "LanDiskClone: System Backup (Full)" %}" />
    <input id="id_start_diff"
           class="mbtn"
           style="float:right;margin:10px;"
           type="submit"
           name="exe"{% if not exists_generationlist %}
           disabled="disabled"{% endif %}
           value="{% trans "LanDiskClone: System Backup (Diff)" %}" />
  </div>
  <div>
    <input class="mbtn"
           style="float:right;margin:10px;"
           type="submit"
           name="apply"
           value="{% trans "Apply" %}" />
  </div>
</div>
{% endblock function %}