File: //home/artinside/sites.artinside.com.br/paliar/themes/web-2/enrolment-documents.php
<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
$v->start("css");
?>
<link rel="stylesheet" type="text/css"
<link href="<?= url("admin-assets/css/bootstrap.css") ?>" rel="stylesheet">
<link href="<?= url("admin-assets/css/bootstrap-reset.css") ?>" rel="stylesheet">
<?php
$v->end();
?>
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row">
<div class="col-md-10 center-col mb-6">
<div class="entry-title title-sm">
<h2 class="color"><?= $course->title ?></h2>
<h4 class=""><?= $course->subtitle ?></h4>
</div>
<hr>
<h4>Envio de Documentos</h4>
<?php if ($percentual < 100): ?>
<p>Para que possamos dar andamento na sua matrícula precisamos que enviem os documentos abaixo.
<br><span class="small">*Caso não envie 100% dos documentos agora lhe lembraremos via email sobre o envio e poderá retornar posteriormente a essa página.</span>
</p>
<!-- <a href="--><?//= url("/cursos/obrigado/{$enrolment->id}-{$enrolment->client_id}") ?><!--"-->
<!-- class="button button-circle button-3d button-small"><i-->
<!-- class="icon icon-chevron-right"></i> Enviar Depois</a>-->
<?php else: ?>
<p>Seu envio foi finalizado com sucesso, clique no botão abaixo para finalizar seu processo de matrícula.
<br><span class="small">*Caso não envie 100% dos documentos agora lhe lembraremos via email sobre o envio e poderá retornar posteriormente a essa página.</span>
</p>
<a href="<?= url("/cursos/obrigado/{$enrolment->id}-{$enrolment->client_id}") ?>"
class="button button-circle button-3d button-small bg-green"><i
class="icon icon-chevron-right"></i> Finalizar</a>
<?php endif; ?>
<hr>
<div class="form-widget" data-alert-type="inline">
<div class="col-md-12">
<br/>
<?php
if ($documents and $enrolment->status != 5 and $enrolment->status != 6):
?>
<div class="col-lg-12 rounded bg-light-gray py-3 px-4">
<dl class="dl-horizontal mtop20 p-progress ">
<dt>Status de envio:</dt>
<dd>
<div class="progress">
<div class="progress-bar <?= $percentual < 100 ? "bg-warning" : "bg-success" ?> progress-bar-striped progress-bar-animated"
role="progressbar" aria-valuenow="0" aria-valuemin="0"
aria-valuemax="100"
style="width: <?= $percentual ?>%"><strong><?= intval($percentual) ?>
%</strong>
</div>
</div>
<small>Para ser considerado completo ou <strong>100%</strong> é
necessário o envio
de
todos documentos obrigatórios</small>
</dd>
</dl>
</div>
<br/>
<h6 class="bold">Arquivos Obrigatórios</h6>
<small>Permitido: jpg, png, gif, pdf, doc.</small>
<hr>
<?php
$i = 0;
foreach ($documents as $document):
$i++;
$files = (new \Source\Models\Files())->find("document_id = {$document->document()->id} AND enrolment_id = {$enrolment->id}");
if ($files->count() != 0) {
$file = $files->fetch();
} else {
$file = "";
}
?>
<form class="form-horizontal tasi-form" method="post" enctype="multipart/form-data"
action="<?= url("/enrolment/doc-sent"); ?>">
<input type="hidden" name="action" value="create"/>
<input type="hidden" name="enrolment_id" value="<?= $enrolment->id ?>"/>
<input type="hidden" name="document_id"
value="<?= $document->document()->id ?>"/>
<div class="p-3"
style="<?= $file->file ? "background-color:#d9ead3" : "border:3px solid #ea9999" ?>">
<label class="control-label"><?= $document->document()->title ?>
*</label>
<div class="fileupload <?= !empty($file->file) ? "fileupload-exists" : "fileupload-new" ?>"
data-provides="fileupload">
<span class="btn btn-white btn-file">
<input type="file" class="default" name="file"/>
</span>
<br>
<?php if ($file->file): ?>
<span class="fileupload-preview rounded font-weight-bolder"
style="margin-left:5px;">Arquivo Atual: <a
href="<?= url("storage/{$file->file}") ?>"
target="_blank"><?= $file->file ?></a> </span>
<a href="#" class="close fileupload-exists"
data-dismiss="fileupload"
style="float: none; margin-left:5px;"></a>
<?php else: ?>
Arquivo ainda não enviado, selecione o arquivo acima e clique em enviar abaixo
<?php endif; ?>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-primary">Enviar</button>
<?php
if ($file->file != ""):
?>
<a class="btn btn-danger btn-sm white-text"
data-post="<?= url("/enrolment/doc-sent"); ?>"
data-action="delete"
data-confirm="Tem certeza que deseja deletar o arquivo?"
data-id="<?= $file->id; ?>"><i class="fal fa-trash"></i>
Deletar Arquivo</a>
<?php endif; ?>
</div>
</div>
</form>
<hr>
<?php
endforeach;
?>
<?php
elseif ($enrolment->status == 5 or $enrolment->status == 6):
?>
<h6 class="bold">Envios de documentos desativado para status atual</h6>
<?php
else:
?>
<h6 class="bold">Não existem documentos cadastrados no curso</h6>
<?php
endif;
?>
</div>
</section>
</div>
</div>
</div>
<?php $v->insert("views/newsletter-widget"); ?>
</div>
</section><!-- #content end -->
<?php $v->start("scripts") ?>
<script type="text/javascript">
$(document).ready(function () {
//default
var elem = document.querySelector('.js-switch');
var init = new Switchery(elem);
});
</script>
<script>
$(".j_copy").on("click", function (e) {
e.preventDefault();
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(this).data("value")).select();
document.execCommand("copy");
$temp.remove();
})
$(".j_actions").on("click", "#j_shipment_code", function (e) {
e.preventDefault();
var id = $(this).data("id");
var formatedId = $(this).data("order");
$("#form_order_id").val(id);
$(".j_order_id_number").html("Pedido Número: <b>[#" + formatedId + "]</b>");
})
</script>
<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(); ?>