File: //home/artinside/sites.artinside.com.br/paliar/themes/web-2/enrolment.php
<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row">
<div class="entry event col-10 center-col">
<div class="grid-inner row align-items-center no-gutters p-4">
<div class="entry-image col-lg-6 mb-md-0">
<a href="#">
<img src="<?= image($course->cover, 600, 450) ?>" alt="<?= $course->title ?>">
<!-- <div class="entry-date">10<span>Apr</span></div>-->
</a>
</div>
<div class="col-lg-6 pl-md-4">
<div class="entry-title title-sm">
<h2 class="color"><?= $course->title ?></h2>
<h4 class=""><?= $course->subtitle ?></h4>
</div>
<div class="entry-meta">
<ul>
<li><a href="#"><i class="icon-time"></i> Carga: <?= $course->workload ?></a>
</li>
<!-- <li><a href="#"><i class="icon-coins"></i> -->
<? //= $course->price?><!--</a></li>-->
</ul>
</div>
<div class="entry-content">
<p><?= str_limit_words($course->about, 25) ?></p>
<a href="<?= url("cursos/{$course->uri}") ?>"
class="button button-circle button-small">Ver detalhes</a>
</div>
</div>
</div>
</div>
<div class="col-md-10 center-col mb-6">
<h4>Realiza a inscrição abaixo</h4>
<div class="form-widget" data-alert-type="inline">
<div class="form-result"></div>
<form class="nobottommargin" id="j-matriculas" action="<?= url("cursos/matricular") ?>"
method="post">
<div class="form-process bg-transparent"></div>
<div class="row">
<div class="col-lg-7">
<label class="nott ls0 t400">CPF *</label>
<br>
<input type="text" id="cpf" name="document" value=""
data-url="<?= url("cursos/verifica-cliente") ?>"
class="form-control required mask-doc"/>
<small>Digite seu CPF completo acima para continuar o processo de
matricula</small>
</div>
<div class="col-lg-5 j-invisible" style="display: none">
<label class="nott ls0 t400">RG *</label>
<input type="text" id="document2" name="document2" value=""
class="required form-control"/>
</div>
<div class="clear mt-2"></div>
<div class="col-12 j-invisible" style="display: none">
<label class="nott ls0 t400">Nome Completo *</label>
<input type="text" id="name" name="name" value=""
class="required form-control"/>
</div>
<div class="clear mt-2"></div>
<div class="col-lg-6 j-invisible" style="display: none">
<label class="nott ls0 t400">Email *</label>
<input type="email" id="email" name="email" value=""
class="form-control email"/>
</div>
<div class="col-lg-6 j-invisible" style="display: none">
<label class="nott ls0 t400">Telefone *</label>
<input type="text" id="phone" name="phone" value=""
class="required form-control mask-celular"/>
</div>
<div class="clear mt-2"></div>
<div class="col-12 j-invisible" style="display: none">
<label class="nott ls0 t400">Endereço com número *</label>
<input type="text" id="address" name="address" value=""
class="required form-control"/>
</div>
<div class="clear mt-2"></div>
<div class="col-lg-6 j-invisible" style="display: none">
<label class="nott ls0 t400">Complemento</label>
<input type="text" id="complement" name="complement" value=""
class="required form-control"/>
</div>
<div class="col-lg-6 j-invisible" style="display: none">
<label class="nott ls0 t400">Bairro *</label>
<input type="text" id="neighborhood" name="neighborhood" value=""
class="required form-control"/>
</div>
<div class="clear mt-2"></div>
<div class="col-lg-5 j-invisible" style="display: none">
<label class="nott ls0 t400">Cidade *</label>
<input type="text" id="city" name="city" value=""
class="required form-control"/>
</div>
<div class="col-lg-3 j-invisible" style="display: none">
<label class="nott ls0 t400">Estado *</label>
<input type="text" id="state" name="state" value=""
class="required form-control mask-uf"/>
</div>
<div class="col-lg-4 j-invisible" style="display: none">
<label class="nott ls0 t400">CEP *</label>
<input type="text" id="zipcode" name="zipcode" value=""
class="required form-control mask-cep"/>
</div>
<div class="clear mt-2"></div>
<?php
$desconto = ($course->price * $course->discount) / 100;
$diferenca = $course->max_installment - $course->limit_installment;
$installment = $course->max_installment;
$date1 = date("Y-m-d");
$date2 = date_fmt($course->limit_enrolment, "Y-m-d");
$installment = $course->limit_installment + month_dif($date1, $date2);
if ($installment < $course->limit_installment) {
$installment = $course->limit_installment;
} elseif ($installment > $course->max_installment) {
$installment = $course->max_installment;
}
if (isset($course->price) AND $course->price != 0 AND isset($course->max_installment) AND isset($course->limit_installment)):
?>
<div class="col-lg-12 j-invisible" style="display:none ">
<label class="nott ls0 t400">Forma de Pagamento *</label><br>
<small>Esse campo é somente informativo, após a matricula nossa equipe
entrará em contato para formalização</small>
<select name="payment_type" class="form-control">
<option value="À Vista - [R$ <?= number_format($course->price - $desconto, 2, ",", ".") ?>]"
selected>À Vista -
[R$ <?= number_format($course->price - $desconto, 2, ",", ".") ?>]
</option>
<option value="Parcelado em até: <?= $installment ?>X de [R$ <?= number_format($course->price / $installment, 2, ",", ".") ?>]">
Parcelado em até: <?= $installment ?>X de
[R$ <?= number_format($course->price / $installment, 2, ",", ".") ?>
]
</option>
</select>
</div>
<?php else: ?>
<div class="col-lg-12 j-invisible" style="display:none ">
<label class="nott ls0 t400">Forma de Pagamento *</label><br>
<small>Esse campo é somente informativo, após a matricula nossa equipe
entrará em contato para formalização</small>
<select name="payment_type" class="form-control">
<option value="À Vista"
selected>À Vista
</option>
<option value="Parcelado">
Parcelado
</option>
</select>
</div>
<?php endif ?>
<input type="hidden" id="client-id" name="client_id" value=""
class=" form-control"/>
<input type="hidden" id="course_id" name="course_id" value="<?= $course->id ?>"
class=" form-control"/>
<input type="hidden" id="price" name="price" value="<?= $course->price ?>"
class=" form-control"/>
<input type="hidden" id="course_name" name="course_name" value="<?= $course->title ?>"
class=" form-control"/>
<input type="hidden" name="action" value="create" class=" form-control"/>
<div class="col-12 mt-5 j-invisible" style="display: none">
<button class="button button-circle button-large nomargin" type="submit"
id="recipe-contactform-submit" name="recipe-contactform-submit"
value="submit">Realizar Matrícula
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<?php $v->insert("views/newsletter-widget"); ?>
</div>
</section><!-- #content end -->
<?php $v->start("scripts") ?>
<script>
// AJAX RESPONSE
var ajaxResponseBaseTime = 3;
var ajaxResponseRequestError = "<div class='message error icon-warning'>Desculpe mas não foi possível processar sua requisição...</div>";
function ajaxMessage(message, time) {
var ajaxMessage = $(message);
ajaxMessage.append("<div class='message_time'></div>");
ajaxMessage.find(".message_time").animate({"width": "100%"}, time * 1000, function () {
$(this).parents(".message").fadeOut(200);
});
$(".ajax_response").append(ajaxMessage);
ajaxMessage.effect("bounce");
}
// AJAX RESPONSE MONITOR
$(".ajax_response .message").each(function (e, m) {
ajaxMessage(m, ajaxResponseBaseTime += 1);
});
// AJAX MESSAGE CLOSE ON CLICK
$(".ajax_response").on("click", ".message", function (e) {
e.preventDefault();
$(this).effect("bounce").fadeOut(1);
});
$(".mask-doc").on("keyup", function (e) {
e.preventDefault();
var urlData = $(this).data("url");
var document = $(this).val();
var load = $(".ajax_load");
if ($(this).val().length == 14) {
$.ajax({
url: urlData,
type: "POST",
data: {document: document},
dataType: "json",
beforeSend: function () {
load.fadeIn(200).css("display", "flex");
},
success: function (response) {
if (response.result == "mensagem") {
ajaxMessage(response.message, 5);
$('#j-matriculas').trigger("reset");
$("#client-id").val("");
load.fadeOut(200);
}
if (response.result == "client") {
$("#name").val(response.client.name);
$("#email").val(response.client.email);
$("#phone").val(response.client.phone);
$("#address").val(response.client.address);
$("#state").val(response.client.state);
$("#city").val(response.client.city);
$("#neighborhood").val(response.client.neighborhood);
$("#document2").val(response.client.document2);
$("#zipcode").val(response.client.zipcode);
$("#client-id").val(response.client.id);
$(".j-invisible").fadeIn("fast");
load.fadeOut(200);
}
if (response.result == "no-client") {
$('#j-matriculas').trigger("reset");
$(".j-invisible").fadeIn("fast");
$("#cpf").val(document);
$("#client-id").val("");
load.fadeOut(200);
}
}
});
}
$('body').on('focus', 'input[data-mask="date"]', function () {
$(this).mask("00/00/0000");
});
$('body').on('focus', 'input[data-mask="phone"]', function () {
$(this).mask('(00) 0000-00009');
$(this).blur(function (event) {
if ($(this).val().length == 15) { // Celular com 9 dígitos + 2 dígitos DDD e 4 da máscara
$(this).mask('(00) 00000-0009');
} else {
$(this).mask('(00) 0000-00009');
}
});
});
});
</script>
<?php $v->end(); ?>