You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
283 lines
14 KiB
283 lines
14 KiB
<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.title }}" 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.title }}</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.title }}" 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.title }}</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.title }}</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>
|
|
|