Your IP : 216.73.216.95
{{ header }}
{{ column_left }}
<div id="content">
<div class="page-header">
<div class="container-fluid">
<div class="pull-right">
<a href="{{ text_video_tutorial_url_install }}" target="_blank" class="btn btn-info" data-toggle="tooltip" title="{{ button_video_tutorial_install }}"><i class="fa fa-video-camera"></i></a>
<a href="{{ cancel }}" class="btn btn-default" data-toggle="tooltip" title="{{ button_cancel }}"><i class="fa fa-reply"></i></a>
</div>
<h1>{{ heading_title }}</h1>
<ul class="breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="container-fluid">
{% if success %}
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
<i class="fa fa-check-circle" aria-hidden="true"></i> {{ success }}
</div>
{% endif %}
{% if error %}
<div class="alert alert-danger alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="{{ text_close }}"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> {{ error }}
</div>
{% endif %}
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-list-ol"></i> <span>{{ text_panel_heading }}</span></h3>
</div>
<div class="panel-body">
<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form" class="form-horizontal">
<input type="hidden" name="advertise_google_checklist_confirmed" value="1" />
<div class="alert alert-info">
{{ text_checklist_intro }}
</div>
<div class="table-responsive">
<table class="table table-bordered table-hover">
<tbody>
<tr>
<td class="text-center td-pointer"><input type="checkbox" name="acknowledge[0]" /></td>
<td class="text-left">{{ text_checklist_acknowledge_0 }}</td>
</tr>
<tr>
<td class="text-center td-pointer"><input type="checkbox" name="acknowledge[1]" /></td>
<td class="text-left">{{ text_checklist_acknowledge_1 }}</td>
</tr>
<tr>
<td class="text-center td-pointer"><input type="checkbox" name="acknowledge[2]" /></td>
<td class="text-left">{{ text_checklist_acknowledge_2 }}</td>
</tr>
<tr>
<td class="text-center td-pointer"><input type="checkbox" name="acknowledge[3]" /></td>
<td class="text-left">{{ text_checklist_acknowledge_3 }}</td>
</tr>
<tr>
<td class="text-center td-pointer"><input type="checkbox" name="acknowledge[4]" /></td>
<td class="text-left">{{ text_checklist_acknowledge_4 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="pull-right">
<button type="submit" class="btn btn-primary">{{ button_proceed }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
<style type="text/css">
.td-pointer {
cursor: pointer;
}
</style>
<script type="text/javascript">
(function($) {
$('input[name^=acknowledge]').change(function(e) {
$(this).closest('tr').toggleClass('success', $(this).is(':checked'));
$('button[type="submit"]').attr('disabled', $('input[name^=acknowledge]:not(:checked)').length > 0);
}).trigger('change');
$('input[name^=acknowledge]').closest('td').click(function(e) {
if ($(e.target).is('input')) {
return;
}
var checkbox = $(this).find('input[name^=acknowledge]').first();
$(checkbox).prop('checked', !$(checkbox).prop('checked')).trigger('change');
});
})(jQuery);
</script>
{{ footer }}