<!--Cabecalho -->
<?php $this->load->view('commons/cabecalho'); ?>
<?php $this->load->view('commons/header'); ?>
<?php $this->load->view('commons/menu'); ?>

<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'); ?>
        <div class="box">
            <?php if ($cursos != NULL) { ?>
                <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 ($cursos as $curso) { ?>
                                                <tr>
                                                    <td><?= $curso->id_curso ?></td>
                                                    <?php if ($curso->carga_horaria == 1) { ?>
                                                        <td style="background-color: #337ab7; color: white;"><?= $curso->nome ?></td>
                                                    <?php } else { ?>
                                                        <td id="tb-edit<?= $curso->id_curso ?>"><?= $curso->nome ?></td>
                                                    <?php } ?>
                                                    <?php if ($curso->img != NULL) { ?>
                                                        <td><?= $curso->img ?></td>
                                                    <?php } else { ?>
                                                        <td>Sem imagem</td>

                                                    <?php } ?>
                                                    <?php if ($curso->liberado == 1 || $curso->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-success btn-mEditCurso btn-mCursoEdit<?= $curso->id_curso ?>" data-id="<?= $curso->id_curso ?>" data-target="#editar<?= $curso->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>
                                                            Editar Curso
                                                        </button>
                                                    </td>
                                                </tr>
                                            <?php } ?> 
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php foreach ($cursos as $curso) { ?>
                <div class="modal fade" id="editar<?= $curso->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<?= $curso->id_curso ?>">
                                            <div class="col-md-12">
                                                <label class="control-label" for="nome" >Nome:</label>
                                                <input type="text" class="form-control" name="nome" placeholder="Digite o nome do curso" value="<?= $curso->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="3" placeholder="Digite a descrição do curso" /><?= trim($curso->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($curso->ementa)) ?></textarea>                        
                                            </div>

                                            <div class="col-md-12">
                                                <br>
                                                <label class="control-label" for="imagem" >Imagem:</label>
                                                <?php if ($curso->img != NULL) { ?>
                                                    <img class="img-responsive ima" src="../../../../assets/img/<?= $curso->img ?>" 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<?= $curso->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 ($curso->liberado == 1 || $curso->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>

                                                        <label class="control-label" for="material" >Material de Estudo:</label>

                                                        <div class="materialbox"></div>
                                                    </div>    
                                                </div>
                                                <input type="hidden" name="id_curso" value="<?= $curso->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<?= $curso->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'+<?= $curso->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(
                                            $('<span> <i class="fa fa-info-circle"></i> O curso não possui material de estudo </span>')
                                            );
                                    $("#aguardeS").css("display", "none");
                                    $("#blanketS").css("display", "none");
                                    }
                                }
                            });
                        });
                    });
                </script>
                <script>
                    $(document).ready(function () {
                        $('#form-curso<?= $curso->id_curso ?>').submit(function (e) {
                            e.preventDefault();
                            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<?= $curso->id_curso ?>").modal('hide');
                                        $("#tb-edit<?= $curso->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<?= $curso->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") {
                                    $(".btn-upl").removeClass("disabled");
                                } 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<?= $curso->id_curso ?>").val("");
                                    $(".upload-button-remove").css("display", "none");
                                }
                            }
                        });
                    });

                </script>
            <?php } ?> 
        <?php } else { ?>   
            <span style="font-size: 13pt;">  &nbsp;<i class="fa fa-info-circle" aria-hidden="true"></i> Nenhum registro encontrado</span>
        <?php } ?>
    </section>
</div>

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