File: //home/artinside/sites.artinside.com.br/festival/themes/web/singlecourse.php
<?php
$this->layout("_theme");
$this->insert("views/page-title-course", ["pageTitle" => $pageTitle]);
?>
<section id="content">
<div class="content-wrap bg-light overflow-visible pb-0">
<div class="container">
<div class="single-event">
<div class="row flex-lg-row-reverse gutter-40">
<div class="col-lg-4 position-lg-sticky h-100 mb-5" style="top: 100px;">
<div class="event-meta bg-primary dark shadow-sm p-4 rounded-4 mb-2">
<h4 class="mb-3 fs-3 lh-1 fw-semibold"><?= $course->title ?></h4>
<p class=" light-blue-text"><strong class="white-text">Início das
Aulas: </strong> <?= date_fmt($course->class_start, "d/m/Y") ?></p>
<div class="line mt-0 mb-2"></div>
<ul class="mb-0">
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-calendar-date fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Dias da Semana <br>
<span class="light-blue-text fw-lighter"><?= $course->date ?></span></div>
</li>
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-clock fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Horário <br>
<span class="light-blue-text fw-lighter"><?= $course->time ?></span></div>
</li>
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-clock-history fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Duração <br>
<span class="light-blue-text fw-lighter fs-5"><?= $course->duration ?></span></div>
</li>
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-hourglass fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Carga Horária <br>
<span class="light-blue-text fw-lighter fs-5"><?= $course->workload ?></span></div>
</li>
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-currency-dollar fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Valor <br>
<span class="light-blue-text fw-lighter fs-5"><?= $course->max_installment ?> X R$<?= preco_real($course->price/$course->max_installment) ?></span></div>
</li>
<li class="row gx-3 gy-4 mb-3">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-calendar-check fs-3 light-blue-text position-relative"></i>
</div>
<div class="col mb-0 op-09 ps-3 fs-6 fw-bold">Inscrições até <br>
<span class="light-blue-text fw-lighter fs-5"><?= date_fmt($course->limit_enrolment, "d/m/Y") ?></span></div>
</li>
</ul>
<?php if(isset($course->file)):?>
<div class="line mt-3 mb-3"></div>
<a href="<?= url("files/{$course->file}")?>" target="_blank" class="fw-bold text-white"><i class="bi-download"></i> Calendário do Curso</a>
<?php endif; ?>
<div class="line mt-3 mb-3"></div>
<p>Caso busque mais informações
<a href="#modalInscreva" data-lightbox="inline" class="button gradient-primary-animated bg-primary m-0 mb-3"
style="display: block">Inscreva-se</a>
ou Matricule-se abaixo
<a href="#modalMatricula" data-lightbox="inline" class="button gradient-primary-animated bg-primary m-0"
style="display: block">Matricule-se</a>
</p>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8 ">
<?php if ($course->video): ?>
<div class="entry-image mb-5">
<?= $course->video ?>
</div>
<?php
else:
?>
<div class="entry-image mb-5">
<img src="<?= image($course->cover, 900, 450)?>">
</div>
<?php endif; ?>
<!-- <h3 class="mb-3 text-fill-effect gradient-primary-animated">Sobre o Curso</h3>-->
<?=
str_replace(["<ul>", "<li>", "</li>", "<table>"],
[
"<ul class='iconlist iconlist-lg'>",
"<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'><i class='bi-check-circle-fill'></i> <span>",
"</span></li>",
"<table class='table table-striped'>"
],
$course->about) ?>
<div class="w-100 mt-5"></div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-secondary m-0">
<div class="container">
<div class="row align-items-center align-content-around justify-content-center dark">
<div class="col-lg-3 center">
<img src="<?= url("images/" . $course->filtersByTitle($course->filter_formato)->image) ?>" style="max-width: 200px"/>
</div>
<div class="col-lg-7">
<h3><?= $course->filtersByTitle($course->filter_formato)->content ?></h3>
</div>
</div>
</div>
</div>
<div class="section bg-primary m-0 center">
<div class="container">
<div class="row align-items-center align-content-around justify-content-center dark">
<div class="col-lg-10">
<h2 class="lh-1 mb-4 mt-3 light-blue-text" style="font-size: 38px; ">Para quem se destina
</h2>
<p class="fw-lighter op-08 font-large">
<?= $course->area ?> </p>
</div>
</div>
</div>
</div>
<div class="section bg-white m-0">
<div class="container">
<div class="row align-items-center align-content-around justify-content-center">
<div class="col-lg-10">
<h2 class="lh-1 mb-4 mt-3 text-secondary" style="font-size: 38px; ">Perfil do egresso</h2>
<?=
str_replace(["<ul>", "<li>", "</li>", "<table>"],
[
"<ul class='iconlist iconlist-lg'>",
"<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'><i class='bi-check-circle-fill'></i> <span>",
"</span></li>",
"<table class='table table-striped'>"
],
$course->requirements) ?>
<div class="w-100 mt-5"></div>
</div>
</div>
</div>
</div>
<div class="section bg-light-gray m-0">
<div class="container">
<div class="row align-items-center align-content-around justify-content-center">
<div class="col-lg-10">
<h2 class="ls-0 mb-4 mt-3 text-fill-effect gradient-primary-animated" style="font-size: 38px; ">Metodologia</h3>
<?=
str_replace(["<ul>", "<li>", "</li>", "<table>"],
[
"<ul class='iconlist iconlist-lg'>",
"<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'><i class='bi-check-circle-fill'></i> <span>",
"</span></li>",
"<table class='table table-striped'>"
],
$course->diferentials) ?>
<div class="w-100 mt-5"></div>
</div>
</div>
</div>
</div>
<div class="content-wrap bg-white overflow-visible pb-0">
<div class="container">
<div class="single-event">
<div class="row flex-lg-row-reverse gutter-40">
<div class="col-lg-4 position-lg-sticky h-100 mb-5" style="top: 100px;">
<div class="event-meta bg-secondary dark shadow-sm p-4 rounded-4 mb-3">
<h4 class="mb-4 fs-2 fw-semibold">Dê o próximo passo na sua carreira</h4>
<ul class="mb-0">
<li class="row gx-3 gy-4 mb-4">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-hourglass fs-3 position-relative"></i>
</div>
<div class="col mb-0 ps-3 fs-6 fw-lighter">
<span class="white-text fw-lighter fs-3 lh-1"><?= $course->workload ?></span><br>de conteúdo </div>
</li>
<div class="line mt-0 mb-3"></div>
<li class="row gx-3 gy-4 mb-4">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center bi-clock-history fs-3 position-relative"></i>
</div>
<div class="col mb-0 ps-3 fs-6 fw-lighter">
<span class="white-text fw-lighter fs-3 lh-1"><?= $course->duration ?></span><br>Conclusão do curso </div>
</li>
<div class="line mt-0 mb-3"></div>
<li class="row gx-3 gy-4 mb-0">
<div class="col-auto">
<i class="box-square-sm d-flex align-items-center justify-content-center fa-solid fa-graduation-cap fs-3 position-relative"></i>
</div>
<div class="col mb-0 ps-3 fs-6 fw-lighter mb-0">
<span class="white-text fw-lighter fs-3 lh-1"><?= $course->filter_formato ?></span><br>modalidade do curso </div>
</li>
</ul>
<div class="line mt-4 mb-3"></div>
<a href="#modalInscreva" data-lightbox="inline" class="button button-light bg-w m-0"
style="display: block">Inscreva-se</a>
<a href="#modalMatricula" data-lightbox="inline" class="button button-dark bg-w m-0 mt-3"
style="display: block">Matricule-se</a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-7 col-xl-8 ">
<h2 class="mb-4 mt-3 text-secondary" style="font-size: 38px; ">O que você vai aprender </h2>
<!-- <h3 class="mb-3 text-fill-effect gradient-primary-animated">Sobre o Curso</h3>-->
<?=
str_replace(["<ul>", "<li>", "</li>", "<table>"],
[
"<ul class='iconlist iconlist-lg'>",
"<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'><i class='bi-check-circle-fill'></i> <span>",
"</span></li>",
"<table class='table table-striped'>"
],
$course->grade) ?>
<div class="w-100 mt-5"></div>
</div>
</div>
</div>
</div>
</div>
<?php if(isset($course->aspas) AND $course->aspas != ""):?>
<div class="section bg-dark-gray dark m-0 mt-5">
<div class="container">
<div class="row align-items-center align-content-around justify-content-center">
<div class="col-lg-8">
<blockquote class="quote dark">
<p><?= $course->aspas ?></p>
<footer class="blockquote-footer white-text gradient-primary-animated text-fill-effect"><?= $course->coordenador ?></footer>
</blockquote>
</div>
</div>
</div>
</div>
<?php endif ?>
<?php
$this->insert("views/newsletter-widget2"); ?>
</section><!-- #content end -->
<div class="modal1 mfp-hide fadeIn fast" id="modalInscreva">
<div class="card border-0 mx-auto bg-white" style="max-width: 500px;">
<img src="<?= url("storage/" . $course->cover); ?>" class="card-img-top" alt="Image">
<div class="card-body p-4">
<h3 class="card-title font-body">Mais Informações</h3>
<div class="form-widget">
<div class="form-result"></div>
<form class="mb-0 position-relative" action="<?= url("contact") ?>" method="post"
enctype="multipart/form-data">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="row">
<div class="col-12 mb-2">
<label for="modal-health-name">Nome*:</label>
<input type="text" name="name" id="modal-health-name" class="form-control required" value=""
placeholder="Seu nome">
</div>
<div class="col-12 mb-2">
<label for="modal-health-email">Email*:</label>
<input type="email" name="email" id="modal-health-email" class="form-control required"
value="" placeholder="Seu melhor Email">
</div>
<div class="col-12 mb-2">
<label for="modal-health-phone">Telefone*:</label>
<input type="text" name="phone" id="modal-health-phone" class="form-control required"
value="" placeholder="Seu Telefone">
</div>
<div class="col-12 mb-2">
<label for="modal-health-product">Curso*:</label>
<input type="text" name="product" value="<?= $course->title ?>" class="form-control"
style="background-color: #EEEEEE" readonly>
</div>
<div class="col-12 form-group">
<small></small>
</div>
<div class="col-12">
<button type="submit" name="modal-health-submit" class="button w-100 py-2">Inscreva-se
</button>
</div>
<input type="hidden" name="message" value="Inscrição em curso [<?= $course->title ?>]">
<input type="hidden" name="action" value="course">
<input type="hidden" name="subject" value="Inscrição em curso [<?= $course->title ?>]">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal1 mfp-hide fadeIn fast" id="modalMatricula">
<div class="card border-0 mx-auto bg-white" style="max-width: 500px;">
<img src="<?= url("storage/" . $course->cover); ?>" class="card-img-top" alt="Image">
<div class="card-body p-4">
<h3 class="card-title font-body">Solicitar matrícula</h3>
<div class="form-widget">
<div class="form-result"></div>
<form class="mb-0 position-relative" action="<?= url("contact") ?>" method="post"
enctype="multipart/form-data">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="row">
<div class="col-12 mb-2">
<label for="modal-health-name">Nome*:</label>
<input type="text" name="name" id="modal-health-name" class="form-control required" value=""
placeholder="Seu nome">
</div>
<div class="col-12 mb-2">
<label for="modal-health-email">Email*:</label>
<input type="email" name="email" id="modal-health-email" class="form-control required"
value="" placeholder="Seu melhor Email">
</div>
<div class="col-12 mb-2">
<label for="modal-health-phone">Telefone*:</label>
<input type="text" name="phone" id="modal-health-phone" class="form-control required"
value="" placeholder="Seu Telefone">
</div>
<div class="col-12 mb-2">
<label for="modal-health-product">Curso*:</label>
<input type="text" name="product" value="<?= $course->title ?>" class="form-control"
style="background-color: #EEEEEE" readonly>
</div>
<div class="col-12 form-group">
<small></small>
</div>
<div class="col-12">
<button type="submit" name="modal-health-submit" class="button w-100 py-2">Matricule-se
</button>
</div>
<input type="hidden" name="subject" value="Matrícula em curso [<?= $course->title ?>]">
<input type="hidden" name="action" value="course">
<input type="hidden" name="message" value="Matrícula em curso [<?= $course->title ?>]">
</div>
</form>
</div>
</div>
</div>
</div>