<div class="col-md-12">
    <div style="height: 20px;"></div>
    <div class="conteudo-direito">
        <div class="row well">
            <div id="id-ver-curso" class="col-md-4 col-xs-4 col-lg-4 col-md-img">
                <?php

                if( empty( $this->session->userdata("imazon_id_fic") )  )
                {
                    //$modal = 'data-toggle="modal" data-target="#modal-cadastro-matricular" type="button" ' ;
                    $modal = 'type="submit"';
                }
                else
                {
                    $modal = 'type="submit"';
                }


                if (!$this->seguranca_model->valida_login_aluno()) {
                    $url_matricula = 'redir_cad_matricula_em_grupo';
                    //$url_matricula = 'matricular_curso';
                } else {
                    $url_matricula = 'matricular_curso_em_grupo';
                }


                $id_curso = explode("-", $id);

                if( isset($id_curso[1]) && $id_curso[0]=='externo')
                {
                    if( isset($imagem) && !empty( trim($imagem) ) )
                    {
                        $url = $imagem;
                    }
                    else
                    {
                        $url = ROOT_URL . 'imgs/cursos/IMA671.jpg';
	}

                }
                else
                {
                    if (is_string($imagem) && $imagem !== "") {
						if (strpos($imagem, 'http') === FALSE) {
							$imagem = ROOT_URL . 'imgs/cursos/' . $imagem;
		}  {
							stream_context_set_default(
								[
									'http' => [
										'method' => 'HEAD'
									]
								]
							);
							$headers = get_headers($imagem, 1);

			if ($headers === FALSE) {
								$url = ROOT_URL . 'imgs/IMA671.jpg';
			} else {
								//echo json_encode($headers);
								if (
									strpos($headers[0], '200 OK') !== FALSE &&
									strpos($headers['Content-Type'], 'image/') !== FALSE
								) {
									$url = $imagem;
								} else {
									$url = ROOT_URL . 'imgs/IMA671.jpg';
				}
							}
						}
                    } else {
                        $url = ROOT_URL . 'imgs/cursos/IMA671.jpg';
	}
                }

                echo '<img src="' . $url . '" class="img-responsive img-visualiza-curso"/>';
                ?>
            </div>
            <div class="col-md-8 col-xs-8 col-lg-8 col-md-conteudo">
                <h1><?php echo  $titulo ?? '';?></h1>
                <i class="glyphicon glyphicon-time"></i>
                Carga Horária: <span class="tempo"></span> horas
                <div style="height: 13px;"></div>
                <div class="btn-group mais-carga-horaria" role="group" aria-label="...">
                    <a style="margin: auto auto;" class="btn btn-success matricular-curso btn-group-sm mais-carga-horaria"  data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample" valor="<?php echo base64_encode($id) ?>"><i class="glyphicon glyphicon-plus-sign"></i> Mais carga horária</a>
                </div>
                <div style="height: 16px;"></div>
                <div class="collapse" id="collapseExample">
                    <div class="well">

                        <p>Selecione a carga horária desejada:
                        </p>
                        <form action="<?php echo base_url() . $url_matricula; ?>" method="post">
                            <select id="carga_horaria" name="carga_horaria" class="form-control select-carga-horaria-<?php echo $id;?>">
                                <?php
                                if ($this->uri->segment(4) !== "blog") {
                                    $i = 1;
                                    $carga_horarias = $this->pm->get_all_carga_horaria();
                                    foreach ($carga_horarias as $ch) {
                                        echo '<option class="carga_horaria" duracao="' . $ch->tempo . ' " valor="' . $ch->valor . ' " value="' . codifica($ch->tempo) . '">' . $ch->tempo . ' horas </option>';
                                    }
                                }
                                ?>
                            </select>
                            <br />
                            <input type="hidden" name="curso" value="<?php echo codifica($id) ?>">
                            <!--<input type="submit" value="Matrícular" class="mais-carga-horaria btn btn-success"> -->
                            <button value="<?php echo $id;?>" <?php echo $modal;?> class="btn btn-success mais-carga-horaria btn-resgister-curse" data-id-curso="<?php echo $id;?>"  > <span class="glyphicon glyphicon-plus"></span> Matrícular</button>
                            </div>
                            </div>
                            <div class="panel panel-default panel-visualiza-curso">
                                <div class="panel-heading" role="tab" id="headOne-promo . '">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse" data-parent="#accordion-promo" href="#collapseOne-promo" aria-expanded="true" aria-controls="collapseOne-' . md5($c->nome) . '">
                                            Promoção Cursos em Dobro
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headOne-promo">
                                    <div class="panel-body">
                                        A cada matrícula a partir de 100 Horas você ganha uma nova totalmente grátis.<br />
                                        <a href="<?php echo base_url(); ?>promocao" target="_blank">+Detalhes</a>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default panel-visualiza-curso">
                                <div class="panel panel-default panel-visualiza-curso">
                                    <div class="panel-heading" role="tab" id="headTwo">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                Investimento
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headTwo">
                                        <div class="panel-body">
                                            R$<span class="valor-curso"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-heading" role="tab" id="headFive">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                            Impostos
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseFive" class="panel-collapse  collapse in" role="tabpanel" aria-labelledby="headFive">
                                    <div class="panel-body">
                                        R$<span class="valor-imposto"></span>
                                    </div>
                                </div>

                            </div>
                            <div class="panel panel-default panel-visualiza-curso">
                                <div class="panel-heading" role="tab" id="headTwo">
                                    <h4 class="panel-title">
                                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            Duração mínima
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headTwo">
                                    <div class="panel-body">
                                        <span class="duracao-dias"></span> dias <br />
                                        <span style="font-size: 10px;">Você pode prorrogar a conclusão para até 90 dias.</span>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                <div class="panel panel-default panel-visualiza-curso">
                                    <div class="panel-heading" role="tab" id="headOne">
                                        <h4 class="panel-title">
                                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#detalhe-curso" aria-expanded="true" aria-controls="detalhe-curso">
                                                Conteúdo
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="detalhe-curso" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headOne">
                                        <div class="panel-body">
<?php echo nl2br($descricao) ?>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default panel-visualiza-curso">
                                    <div class="panel-heading" role="tab" id="headThree">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                Tipo
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headThree">
                                        <div class="panel-body">
                                            Capacitação - Curso livre
                                        </div>
                                    </div>

                                </div>
                                <div class="panel panel-default panel-visualiza-curso">

                                    <div class="panel-heading" role="tab" id="headFour">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                Serviços
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headFour">
                                        <div class="panel-body">
                                            <p>
                                                -Inscrição
                                                <br />
                                                -Matrícula
                                                <br />
                                                -Conteúdo
                                                <br />
                                                -Vídeos, Lívros, Biblioteca Digital
                                                <br />
                                                -Certificado grátis
                                                <br />
                                                -Declaração de matrícula
                                                <br />
                                                -Validação de Certificado
                                                <br />
                                                -Notificações por email
                                                <br />
                                                -Prova online
                                                <br />
                                                -Reteste
                                                <br />
                                                -2ª chance
                                                <br />
                                                -Pagamento online
                                                <br />
                                                -Envio de documentos pelos correios
                                                <br />
                                                -Atendimento via Telefone, email ou help desk
                                            </p>
                                        </div>
                                    </div>

                                </div>

                                <div class="panel panel-default panel-visualiza-curso">
                                    <div class="panel-heading" role="tab" id="headFour">
                                        <h4 class="panel-title">
                                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#Certificado" aria-expanded="false" aria-controls="Certificado">
                                                <i class="glyphicon glyphicon-plus"></i> Modelo de Certificado
                                            </a>
                                        </h4>
                                    </div>
                                    <div id="Certificado" class="panel-collapse collapse collapse in" role="tabpanel" aria-labelledby="Certificado">
                                        <div class="panel-body">
                                            <img src="<?php echo ROOT_URL; ?>template/img/thumb_novo_modelo_certificdo_web.png" class="img-thumbnail">
                                            <img src="<?php echo ROOT_URL; ?>template/img/thumb_certificado_web_verso.jpg" class="img-thumbnail" />
                                        </div>
                                    </div>
                                </div>
                                <br />
                                <!--<input type="submit" value="Matrícular" class="btn btn-success">-->
                                    <button value="<?php echo $id;?>" <?php echo $modal;?> class="btn btn-success btn-resgister-curse mais-carga-horaria" data-id-curso="<?php echo $id;?>"  > <span class="glyphicon glyphicon-plus"></span> Matrícular</button>
                                </form>
						<a href="<?php echo base_url(); ?>cursos_em_grupo" onclick="history.go(-1)" class="btn btn-primary btn-group-sm mais-carga-horaria" role="button" style="/* margin-left:5px; */">Voltar</a>
					</div>

                    </div>
                </div>

            </div>
            <div style="display: none;" class="carga-horaria-curso">
<?php
if ($this->uri->segment(4) !== "blog") {
    $i = 1;
    $carga_horarias = $this->pm->get_all_carga_horaria();
    foreach ($carga_horarias as $ch) {
        if ($i == 1) {
            echo '<div class="radio">
                                                        <label>
                                                            <input type="radio" name="carga_horaria" value="' . $ch->id_produto . '" checked>
                                                            ' . ucfirst($ch->nome) . ' (R$' . $ch->valor . ')
                                                        </label>
                                                    </div>';
        } else {
            echo '<div class="radio">
                                                        <label>
                                                            <input type="radio" name="carga_horaria" value="' . $ch->id_produto . '">
                                                            ' . ucfirst($ch->nome) . ' (R$' . $ch->valor . ')
                                                        </label>
                                                    </div>';
        }
        $i++;
    }
}
?>
            </div>
            <div class="blank_30"></div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="fb-share-button" data-href="<?php echo current_url() ?>" data-layout="button_count"></div>
            </div>
        </div>
    </div>

</div>

<script>
    $(document).on('change', '#carga_horaria', function () {
        var valor_curso = $(this).find("option:selected").attr('valor');
        var duracao = $(this).find("option:selected").attr('duracao');
        $(".valor-imposto").html((parseFloat(valor_curso) * 0.128));
        var imposto = $(".valor-imposto").html();
        imposto = imposto.replace(".", ",");
        imposto = imposto.split(",");
        $(".valor-imposto").html(imposto[0] + ',' + imposto[1].substr(0, 2));
        $(".valor-curso").html(valor_curso.replace(".", ","));
        $(".duracao-dias").html(Math.ceil(parseInt(duracao) / 8));
        $(".tempo").html(duracao);
    });

    $(document).ready(function () {
        var valor_curso = $(this).find("option:selected").attr('valor');
        var duracao = $(this).find("option:selected").attr('duracao');
        $(".valor-imposto").html((parseFloat(valor_curso) * 0.128));
        var imposto = $(".valor-imposto").html();
        imposto = imposto.replace(".", ",");
        imposto = imposto.split(",");
        $(".valor-imposto").html(imposto[0] + ',' + imposto[1].substr(0, 2));
        $(".valor-curso").html(valor_curso.replace(".", ","));
        $(".duracao-dias").html(Math.ceil(parseInt(duracao) / 8));
        $(".tempo").html(duracao);
    });


</script>