upgrade
This commit is contained in:
283
plugin/buycourses/view/subscription_process_confirm.tpl
Normal file
283
plugin/buycourses/view/subscription_process_confirm.tpl
Normal file
@@ -0,0 +1,283 @@
|
||||
<div class="row">
|
||||
<div id="message-alert"></div>
|
||||
<div class="col-md-5">
|
||||
<div class="panel panel-default buycourse-panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">{{ 'PurchaseData'|get_plugin_lang('BuyCoursesPlugin') }}</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
{% if buying_course %}
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<a class="ajax" data-title="{{ course.title }}"
|
||||
href="{{ _p.web_ajax ~ 'course_home.ajax.php?' ~ {'a': 'show_course_information', 'code': course.code}|url_encode() }}">
|
||||
<img alt="{{ course.title }}" class="img-responsive" style="width: 100%;"
|
||||
src="{{ course.course_img ? course.course_img : 'session_default.png'|icon() }}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<h3>
|
||||
<a class="ajax" data-title="{{ course.title }}"
|
||||
href="{{ _p.web_ajax ~ 'course_home.ajax.php?' ~ {'a': 'show_course_information', 'code': course.code}|url_encode() }}">{{ course.title }}</a>
|
||||
</h3>
|
||||
<ul class="list-unstyled">
|
||||
{% for teacher in course.teachers %}
|
||||
<li><em class="fa fa-user"></em> {{ teacher.name }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p id="n-price" class="lead text-right" style="color: white;">
|
||||
<span class="label label-primary">
|
||||
{{ course.item.total_price_formatted }}
|
||||
</span>
|
||||
</p>
|
||||
<p id="s-price" class="lead text-right"></p>
|
||||
</div>
|
||||
</div>
|
||||
{% elseif buying_session %}
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<p>
|
||||
<img alt="{{ session.name }}" class="img-responsive" style="width: 100%;"
|
||||
src="{{ session.image ? session.image : 'session_default.png'|icon() }}">
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<h3>{{ session.name }}</h3>
|
||||
<p><em class="fa fa-calendar fa-fw"></em> {{ session.dates.display }}</p>
|
||||
<ul class="list-unstyled">
|
||||
{% for course in session.courses %}
|
||||
<li>
|
||||
<em class="fa fa-book fa-fw"></em> {{ course.title }}
|
||||
{% if course.coaches|length %}
|
||||
<ul>
|
||||
{% for coach in course.coaches %}
|
||||
<li><em class="fa fa-user fa-fw"></em>{{ coach }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p id="n-price" class="lead text-right" style="color: white;">
|
||||
<span class="label label-primary">
|
||||
{{ session.item.total_price_formatted }}
|
||||
</span>
|
||||
</p>
|
||||
<p id="s-price" class="lead text-right"></p>
|
||||
</div>
|
||||
</div>
|
||||
{% elseif buying_service %}
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<a href='{{ _p.web }}service/{{ service.id }}'>
|
||||
<img alt="{{ service.name }}" class="img-responsive"
|
||||
src="{{ service.image ? _p.web ~ 'plugin/buycourses/uploads/services/images/' ~ service.image : 'session_default.png'|icon() }}">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-xs-12">
|
||||
<h3>
|
||||
<a href='{{ _p.web }}service/{{ service.id }}'>{{ service.name }}</a>
|
||||
</h3>
|
||||
<ul class="list-unstyled">
|
||||
{% if service.applies_to == 0 %}
|
||||
<li>
|
||||
<em class="fa fa-hand-o-right"></em> {{ 'AppliesTo'|get_plugin_lang('BuyCoursesPlugin') }} {{ 'None'|get_lang }}
|
||||
</li>
|
||||
{% elseif service.applies_to == 1 %}
|
||||
<li>
|
||||
<em class="fa fa-hand-o-right"></em> {{ 'AppliesTo'|get_plugin_lang('BuyCoursesPlugin') }} {{ 'User'|get_lang }}
|
||||
</li>
|
||||
{% elseif service.applies_to == 2 %}
|
||||
<li>
|
||||
<em class="fa fa-hand-o-right"></em> {{ 'AppliesTo'|get_plugin_lang('BuyCoursesPlugin') }} {{ 'Course'|get_lang }}
|
||||
</li>
|
||||
{% elseif service.applies_to == 3 %}
|
||||
<li>
|
||||
<em class="fa fa-hand-o-right"></em> {{ 'AppliesTo'|get_plugin_lang('BuyCoursesPlugin') }} {{ 'Session'|get_lang }}
|
||||
</li>
|
||||
{% elseif service.applies_to == 4 %}
|
||||
<li>
|
||||
<em class="fa fa-hand-o-right"></em> {{ 'AppliesTo'|get_plugin_lang('BuyCoursesPlugin') }} {{ 'TemplateTitleCertificate'|get_lang }}
|
||||
</li>
|
||||
{% endif %}
|
||||
<li>
|
||||
<em class="fa fa-money"></em>
|
||||
{{ 'Price'|get_plugin_lang('BuyCoursesPlugin') }}
|
||||
: {{ service_item.total_price_formatted }}
|
||||
/ {{ service.duration_days == 0 ? 'NoLimit'|get_lang : service.duration_days ~ ' ' ~ 'Days'|get_lang }}
|
||||
</li>
|
||||
<li><em class="fa fa-user"></em> {{ service.owner.name }}</li>
|
||||
{% if service.description %}
|
||||
<li><em class="fa fa-align-justify"></em> {{ service.description }}</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
<p id="n-price" class="lead text-right" style="color: white;">
|
||||
<span class="label label-primary">
|
||||
{{ service_item.total_price_formatted }}
|
||||
</span>
|
||||
</p>
|
||||
<p id="s-price" class="lead text-right"></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if terms %}
|
||||
<div class="col-md-7">
|
||||
<div class="panel panel-default buycourse-panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">{{ 'TermsAndConditions'|get_plugin_lang('BuyCoursesPlugin') }}</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<form action="#">
|
||||
<div class="form-group">
|
||||
<textarea class="form-control" style="height: 345px;" readonly>{{ terms }}</textarea>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label for="confirmTermsAndConditons">
|
||||
<input class="" type="checkbox" id="confirmTermsAndConditons" name="confirmTermsAndConditons">
|
||||
{{ 'IConfirmIReadAndAcceptTermsAndCondition'|get_plugin_lang('BuyCoursesPlugin') }}
|
||||
</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% if is_bank_transfer %}
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<h3 class="page-header">{{ 'BankAccountInformation'|get_plugin_lang('BuyCoursesPlugin') }}</h3>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ 'Name'|get_lang }}</th>
|
||||
<th class="text-center">{{ 'BankAccount'|get_plugin_lang('BuyCoursesPlugin') }}</th>
|
||||
<th class="text-center">{{ 'SWIFT'|get_plugin_lang('BuyCoursesPlugin') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for account in transfer_accounts %}
|
||||
<tr>
|
||||
<td>{{ account.name }}</td>
|
||||
<td class="text-center">{{ account.account }}</td>
|
||||
<td class="text-center">{{ account.swift }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p>{{ 'OnceItIsConfirmedYouWillReceiveAnEmailWithTheBankInformationAndAnOrderReference'|get_plugin_lang('BuyCoursesPlugin') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
{{ form }}
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function () {
|
||||
{% if terms %}
|
||||
$("#confirm").prop("disabled", true);
|
||||
|
||||
$("#confirmTermsAndConditons").click(function () {
|
||||
if ($("#confirmTermsAndConditons").is(':checked')) {
|
||||
$("#confirm").prop("disabled", false);
|
||||
} else {
|
||||
$("#confirm").prop("disabled", true);
|
||||
}
|
||||
});
|
||||
{% endif %}
|
||||
|
||||
{% if is_culqi_payment %}
|
||||
var price = {{ price }} * 100;
|
||||
|
||||
Culqi.codigoComercio = '{{ culqi_params.commerce_code }}';
|
||||
Culqi.configurar({
|
||||
nombre: '{{ _s.institution }}',
|
||||
orden: '{{ sale.reference ? sale.reference : buying_service.reference }}',
|
||||
moneda: '{{ currency.iso_code }}',
|
||||
descripcion: '{{ title }}',
|
||||
monto: price
|
||||
});
|
||||
|
||||
$("#confirm").click(function (e) {
|
||||
Culqi.abrir();
|
||||
e.preventDefault();
|
||||
$(".culqi_checkout").watch('style', function () {
|
||||
|
||||
if (Culqi.error) {
|
||||
$("#message-alert").html('<div class="col-md-12 alert alert-danger">{{ 'ErrorOccurred'|get_plugin_lang('BuyCoursesPlugin')|format(Culqi.error.codigo, Culqi.error.mensaje) }}</div>')
|
||||
} else if (Culqi.token) {
|
||||
|
||||
{% if buying_service %}
|
||||
|
||||
var url = '{{ _p.web_plugin }}buycourses/src/buycourses.ajax.php?a=culqi_cargo_service&token_id=' + Culqi.token.id + '&service_sale_id=' + {{ buying_service.id }};
|
||||
|
||||
{% else %}
|
||||
|
||||
var url = '{{ _p.web_plugin }}buycourses/src/buycourses.ajax.php?a=culqi_cargo&token_id=' + Culqi.token.id + '&sale_id=' + {{ sale.id }};
|
||||
|
||||
{% endif %}
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: url,
|
||||
beforeSend: function () {
|
||||
$("#confirm").html('<em class="fa fa-spinner fa-pulse fa-fw" ></em> {{ 'Loading'|get_lang }}');
|
||||
$("#confirm").prop("disabled", true);
|
||||
$("#cancel").prop("disabled", true);
|
||||
},
|
||||
success: function () {
|
||||
window.location = "{{ _p.web_plugin }}buycourses/index.php";
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
$(".culqi_checkout").unwatch('style');
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
$.fn.watch = function (property, callback) {
|
||||
return $(this).each(function () {
|
||||
|
||||
var old_property_val = this[property];
|
||||
var timer;
|
||||
|
||||
function watch() {
|
||||
var self = $(".culqi_checkout");
|
||||
self = self[0];
|
||||
|
||||
if ($(self).data(property + '-watch-abort') == true) {
|
||||
timer = clearInterval(timer);
|
||||
$(self).data(property + '-watch-abort', null);
|
||||
return;
|
||||
}
|
||||
if (self[property] != old_property_val) {
|
||||
old_property_val = self[property];
|
||||
callback.call(self);
|
||||
}
|
||||
}
|
||||
|
||||
timer = setInterval(watch, 700);
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.unwatch = function (property) {
|
||||
return $(this).each(function () {
|
||||
$(this).data(property + '-watch-abort', true);
|
||||
});
|
||||
};
|
||||
{% endif %}
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user