<!--Cabecalho -->
<?php $this->load->view('commons/cabecalho'); ?>
<?php $this->load->view('commons/header'); ?>
<?php $this->load->view('commons/menu'); ?>
<!--<style>
    .listas {
        display: none;
    }
</style>-->
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-cube"></div></div>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Cursos</h1>
        <br>
    </section>
    <section class="content container-fluid">    
        <form action="<?= base_url('pesquisa') ?>" method="POST"  id="form-curso-pesq">
            <div class="input-group">
                <input type="text" name="nome" class="form-control" placeholder="Digite o nome ou ID do curso" autofocus="" required="">
                <span class="input-group-btn">
                    <button type="submit" class="btn btn-flat btn-botao"> Pesquisar</button>
                </span>
            </div>
        </form>
        <br>
        <?php echo $this->session->flashdata('upload'); ?>
        <?php echo $this->session->flashdata('erro-form'); ?>
        <?php if ($curso != NULL) { ?>

            <div class="box">
                <div class="box-body">
                    <div class="dataTables_wrapper form-inline dt-bootstrap">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-hover tablesorter">
                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Nome | <span class="estudou"> <i class="fa fa-square" aria-hidden="true" style="color:  #337ab7"></i> INFORMA QUE O CURSO FOI <b>EDITADO</b></span> </th>
                                                <th>Imagem</th>
                                                <th>Situação</th>
                                                <th>Controles</th>
                                            </tr> 
                                        </thead>
                                        <tbody>
                                            <?php foreach ($curso as $cursos) { ?>
                                                <tr>
                                                    <td><?= $cursos->id_curso ?></td>
                                                    <?php if ($cursos->carga_horaria == 1) { ?>
                                                        <td style="background-color: #337ab7; color: white;"><?= $cursos->nome ?></td>
                                                    <?php } else { ?>
                                                        <td id="tb-edit<?= $cursos->id_curso ?>"><?= $cursos->nome ?></td>
                                                    <?php } ?>
                                                    <?php if ($cursos->img != NULL) { ?>
                                                        <td><?= $cursos->img ?></td>
                                                    <?php } else { ?>
                                                        <td>Sem imagem</td>

                                                    <?php } ?>
                                                    <?php if ($cursos->liberado == 1 || $cursos->liberado == 3) { ?>
                                                        <td style="background-color: #00a65a; color:white">Liberado</td>
                                                    <?php } else { ?>
                                                        <td style="background-color: #b71c1c; color:white">Bloqueado</td>
                                                    <?php } ?>
                                                    <td>
                                                        <button type="button" class="btn  btn-primary btn-mEditCurso btn-mCursoEdit<?= $cursos->id_curso ?>" data-id="<?= $cursos->id_curso ?>" data-target="#editar<?= $cursos->id_curso ?>"data-toggle="modal"data-placement="top" title="Editar Curso" style="font-size: 15px;line-height: 10pt;position: relative;top: 2px;">
                                                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                            <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true" style="display:none;"></i>
                                                            
                                                        </button>
                                                        
                                                        <a href="<?=base_url()?>cursos_edit/<?= $cursos->id_curso ?>"><span class="glyphicon glyphicon-link" aria-hidden="true" style=" color: #000;"></span></a>
                                                        
                                                    </td>
                                                </tr>
                                            <?php } ?> 
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <?php echo $pagination ?>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        <?php } ?>

        <?php foreach ($curso as $cursos) { ?>
            <!-- Edição de Cursos -->
            <div class="modal fade" id="editar<?= $cursos->id_curso ?>"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog ">
                    <div class="modal-content">
                        <!-- Modal Header -->
                        <div class="modal-header" style="background-color: #2ba447; color: white">
                            <button type="button" class="close fechar-modal" 
                                    data-dismiss="modal">
                                <span aria-hidden="true">&times;</span>
                                <span class="sr-only">Close</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">
                                <i class="fa fa-pencil" aria-hidden="true"></i> Edição do Curso 
                            </h4>
                        </div>
                        <!-- Modal Body -->
                        <div class="modal-body">
                            <div class="box">
                                <div class="box-body"> 
                                    <div class="col-md-12"><div class="form-error"></div></div>
                                    <!-- FORMULÁRIO DE ENVIO -->
                                    <form method="POST" id="form-curso<?= $cursos->id_curso ?>">
                                        <div class="col-md-12">
                                            <label class="control-label" for="nome" >Nome3:</label>
                                            <input type="text" class="form-control" name="nome" placeholder="Digite o nome do curso" value="<?= $cursos->nome ?>" required=""/>
                                        </div>
                                        <div class="col-md-12">
                                            <br>
                                            <label class="control-label" for="descricao" >Descrição:</label>
                                            <textarea class="form-control"  name="descricao"  data-sample="1" rows="5" placeholder="Digite a descrição do curso" /><?= trim($cursos->descricao) ?></textarea>
                                        </div>
                                        <div class="col-md-12">

                                            <br>
                                            <label class="control-label" for="ementa" >Ementa:</label>
                                            <textarea class="form-control"  name="ementa" data-sample="1" id="ementa" placeholder="Digite o texto da ementa" rows="10"><?php echo str_replace("<br />", " ", nl2br($cursos->ementa)) ?></textarea>                        
                                        </div>

                                        <div class="col-md-12">
                                            <br>
                                            <label class="control-label" for="imagem" >Imagem:</label>
                                            <?php if ($cursos->img != NULL) { ?>
                                                <img class="img-responsive ima" src="../../../../assets/img/<?= $cursos->img ?>" style="max-height: 200px; padding-bottom: 2%;">
                                                <img class="img-responsive" id="preview" style="max-height: 200px; padding-bottom: 2%;"> 
                                            <?php } else { ?>
                                                <p> <i class="fa fa-info-circle"></i> O curso não possui imagem</p>
                                            <?php } ?>
                                            <input type="file"   name="imagem_cursos" id="ima-curso<?= $cursos->id_curso ?>" style="cursor: pointer" >
                                        </div>    
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <br>
                                                <label class="control-label" for="bloqueado" >Bloqueado:</label>
                                                <select class="form-control" name="bloqueado" id="bloqueado-aluno" required="">
                                                    <?php if ($cursos->liberado == 1 || $cursos->liberado == 3) { ?>
                                                        <option value="1">NÃO</option>
                                                        <option value="0">SIM</option>
                                                    <?php } else { ?>
                                                        <option value="0">SIM</option>
                                                        <option value="1">NÃO</option>
                                                    <?php } ?>
                                                </select>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-12">
                                                   
                                                    <br>
                                                     <?php 
                                                     $urlPost = "https://www.amazoniacursos.com.br/gestao/curso/estudo_decode";
                                                     $id['id']=$cursos->id_curso;
                                                        ob_start();
                                                        
                                                        $ch = curl_init();
                                                        curl_setopt($ch, CURLOPT_URL, $urlPost);
                                                        curl_setopt($ch, CURLOPT_POST, 1);
                                                        
                                                        //curl_setopt ($ch, CURLOPT_SSLVERSION,'CURL_SSLVERSION_TLSv1_2');
                                                        curl_setopt($ch, CURLOPT_POSTFIELDS, $id);
                                                        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$server_output = curl_exec($ch);

curl_close ($ch);
//print_r($server_output);
$var=explode("/", $server_output);
$idl=$var[5];


                                                        
                                                       
                                                      
                                                     ?>
                                                    
                                                    <label class="control-label" for="material" >Material de Estudo: </label>
                                                    <a href="https://www.onlist.com.br/admin/editar_licoes/<?= $idl?>" target="_blank">https://www.onlist.com.br/admin/editar_licoes/<?= $idl?></a>
                                                    <div class="materialbox"></div>
                                                </div>    
                                            </div>
                                            <input type="hidden" name="id_curso" value="<?= $cursos->id_curso ?>" />
                                            <div class="col-md-12"><br><button type="submit" class="btn btn-botao "> Salvar <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></button></div>
                                           
                                            

                                        </div>

                                    </form>
                                    
                                    <!-- FIM DO FORMULÁRIO DE ENVIO -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                $(document).ready(function () {
                    $('.btn-mCursoEdit<?= $cursos->id_curso ?>').on('click', function () {
                        var id = $(this).data("id");

                        $(".textos").html('<p>Aguarde...');
                        $("#aguardeS").css("display", "block");
                        $("#blanketS").css("display", "block");

                        $('.materialbox').empty();
                        $.ajax({
                            data: {id: id},
                            type: "POST",
                            dataType: 'json',
                            url: 'Curso/estudo',
                            success: function (data) {
                                if (data['resp'] == true) {
                                    var dados = data.result;
                                   
                                    for (var i in dados) {
                                        var tr = $('.materialbox');
                                        var sub_dados = dados[i];

                                        tr.append(
                                            $('<input type="text" class="form-control" name="material' +<?= $cursos->id_curso ?> + sub_dados.id_link + '" required=""/> ').val(sub_dados.url)
                                                );
                                        $("#aguardeS").css("display", "none");
                                        $("#blanketS").css("display", "none");
                                    }
                                } else {
                                    var tr = $('.materialbox');
                                    tr.append(
                                            $('<div class="row listas"><div class="col-sm-12"> <div class="input-group"><input type="text" name="text-editor[]" class="form-control" placeholder="Digite a URL do material de estudo"><span class="input-group-btn"><button type="button" class="btn btn-flat btn-botao" id="add_input<?= $cursos->id_curso ?>"> <i class="fa fa-plus-circle" aria-hidden="true"></i></button></span></div></div></div>')
                                            );
                                    $("#aguardeS").css("display", "none");
                                    $("#blanketS").css("display", "none");
                                }
                            }
                        });
                    });
                });
            </script>
            <script>
                $(document).ready(function () {
                    $('#form-curso<?= $cursos->id_curso ?>').submit(function (e) {
                        e.preventDefault();
                        // Instância o FormData passando como parâmetro o formulário
                        var formData = new FormData(this);
                        $(".textos").html('<p>Aguarde...O sistema está salvando a edição</p>');
                        $("#aguardeS").css("display", "block");
                        $("#blanketS").css("display", "block");
                        $.ajax({
                            data: formData,
                            type: "POST",
                            dataType: 'json',
                            url: 'editarcurso',
                            processData: false,
                            contentType: false,
                            success: function (data) {
                                if (data['situacao'] == 'form-erro') {
                                    $("#aguardeS").css("display", "none");
                                    $("#blanketS").css("display", "none");
                                    alertify.set('notifier', 'delay', 5);
                                    alertify.set("notifier", "position", "top-center");
                                    alertify.error(data['erro_form']);
                                } else if (data['situacao'] == true) {
                                    $("#aguardeS").css("display", "none");
                                    $("#blanketS").css("display", "none");
                                    alertify.set('notifier', 'delay', 3);
                                    alertify.set("notifier", "position", "top-center");
                                    alertify.success('<i class="fa fa-check-circle"></i> Curso editado com sucesso');
                                    $("#editar<?= $cursos->id_curso ?>").modal('hide');
                                    $("#tb-edit<?= $cursos->id_curso ?>").addClass('cor-td');
                                } else if (data['situacao'] == 'upload-erro') {
                                    $("#aguardeS").css("display", "none");
                                    $("#blanketS").css("display", "none");
                                    alertify.set('notifier', 'delay', 5);
                                    alertify.set("notifier", "position", "top-center");
                                    alertify.error(data['mensagem']);
                                }
                            }
                        });
                    });
                    $('#ima-curso<?= $cursos->id_curso ?>').on('change', function () {
                        if (this.files && this.files[0]) {

                            if (this.files[0].type == "image/jpeg" || this.files[0].type == "image/jpg" || this.files[0].type == "image/png") {

                            } else {

                                $(".assinatura-atual").css("display", "block");
                                alertify.set('notifier', 'delay', 5);
                                alertify.set("notifier", "position", "top-center");
                                alertify.error('Formato não permitido. Envie uma imagem em um dos seguintes formatos: jpeg, jpg ou png.');
                                $("#ima-curso<?= $cursos->id_curso ?>").val("");
                                $(".upload-button-remove").css("display", "none");
                            }
                        }
                    });

                });

                var campos_max<?= $cursos->id_curso ?> = 4;
                var x<?= $cursos->id_curso ?> = 0;
                 $('body').delegate('#add_input<?= $cursos->id_curso ?>', 'click', function (e) {
                    e.preventDefault(); 
                    
                    if (x<?= $cursos->id_curso ?> < campos_max<?= $cursos->id_curso ?>) {
                        var tr = $('.listas');
                        tr.append(
                                $('<div class="col-sm-12"> <div class="input-group"><input type="text" name="text-editor[]" class="form-control" placeholder="Digite a URL do material de estudo"><span class="input-group-btn"><button type="button" class="btn btn-flat" id="remover_campo<?= $cursos->id_curso ?>" style="background: red;"> <i class="fa fa-minus-circle" aria-hidden="true"></i></button></span></div></div>')
                                );
                        x<?= $cursos->id_curso ?>++;
                    }
                });
                $('body').delegate('#remover_campo<?= $cursos->id_curso ?>', 'click', function (e) {
                e.preventDefault();
                
                $(this).parent().parent('div').remove();
                x<?= $cursos->id_curso ?>--;
                });
            </script>
        <?php } ?> 

    </section>
</div>

<?php $this->load->view('commons/rodape'); ?>
