<?php

if(isset($message))
{
    echo '<div class="alert alert-success" role="alert">'.$message.'</div>';
}

if( $this->session->flashdata('message') )
{
    echo $this->session->flashdata('message');
}
// print_r($quiz_questions[0]->question);
?>
<div class="row">
    <?php echo $this->session->flashdata('alert');?>
    <div class="col-md-10">
        <div class="box box-primary">
            <div class="box-body">
                <form action="<?php echo base_url(); ?>admin/folder/edit_questions/<?php echo $this->uri->segment(4);?>/<?php echo $this->uri->segment(5);?>" method="post"
                    enctype="multipart/form-data">
                   
                        <input type="hidden" name="quiz_id" value="<?php echo $this->uri->segment(4);?>">


                    <div class="form-group">
                        <label for="question">Question:</label>
                        <textarea required class="form-control" id="question" name="questions" rows="3"><?php echo (!empty($quiz_questions[0]->question))? $quiz_questions[0]->question:""; ?></textarea>
                        <?php form_error('questions'); ?>
                    </div>

                   
                    <div class="form-group">
                        <label for="correct_ans">Correct Option Number*:</label>
                        <input type="text" class="form-control" value="<?php echo strip_tags($quiz_questions[0]->correct_ans);?>" name="correct_opt" id="correct_opt">
                     
                        <?php form_error('correct_opt'); ?>
                    </div>
                    <br />

                    <!-- <div class="form-group">
                            <label for="upload_file">Upload File</label>
                            <input id="upload_file" accept=".enc" class="form-control" multiple required type="file" name="upload_file" />
			</div> -->

                    <button id="submit" type="submit" class="btn btn-primary">Submit</button>
                    
                </form>
               
               
            </div>

        </div>
    </div>


    <div class="col-md-10">
        <div class="box box-primary">
            <div class="box-body">
                 <?php
                    if(!empty($quiz_options)){   

                    $i = 1; 
                    foreach($quiz_options as $option){
                ?>
               <div style="width: 100%;height: 20px;background-color: #fff">Option <?php echo $i;$i++;?> <a href="<?php echo base_url();?>admin/folder/edit_option/<?php echo $option->id;?>"><span class="pull-right"><i class="fa fa-edit"></i>&nbsp;&nbsp;&nbsp;&nbsp;</span></a></div>
               <h3><?php echo $option->options;?></h3>
               <?php } }?>
               
            </div>

        </div>
    </div>
   

    <link rel="stylesheet" type="text/css"
        href="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.css'); ?>">
    <link rel="stylesheet" type="text/css"
        href="<?php echo base_url('assets/plugins/datatables/responsive.bootstrap4.min.css'); ?>">
    <link rel="stylesheet" type="text/css"
        href="<?php echo base_url('assets/plugins/datatables/buttons.bootstrap4.min.css'); ?>">
    <script type="text/javascript" src="<?php echo base_url('assets/plugins/datatables/jquery.dataTables.min.js'); ?>">
    </script>
    <script type="text/javascript"
        src="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.js'); ?>"></script>
 <script src="<?php echo base_url();?>assets/vendors/ckeditor/ckeditor.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {

        
        //  if($('#question').length) {
        // CKEDITOR.replace('question');
        // }

        /***********************************************************************************************************/
        // var a = $('#mcq-questions').attr('mcq_id');
        // alert(a);
        $('#mcq-questions').DataTable({

            "processing": true,
            "serverSide": true,
            "pageLength": 50,
            "dom": 'Bfrtip',
            "buttons": [
                'copy', 'excel', 'print'
            ],

            "ajax": {
                "url": JS_BASE_URL + 'admin/folder/mcquestionsposts',
                "dataType": "json",
                "type": "POST",
                "data": {
                    'mcq_id': $('#mcq-questions').attr('mcq_id')
                },
                 // "success":function(result)
                 // {
                 //    console.log(result);
                 // },
                "error": function(jqXHR, e) {
                    console.log(jqXHR.responseText);
                }
            },

            "columns": [{
                    "data": "id"
                },
                {
                    "data": "questions"
                },
                // {
                //     "data": "ans_desc"
                // },
                // {
                //     "data": "correct_answers"
                // },
                {
                    "data": "Actions"
                },

            ],

            "columnDefs": [{
                "targets": '',
                "orderable": false,

            }]


        });

        /**********************************************************************************/

        $(document).on('click', '#all_check_in', function() {
            var all_check_in = $(this),
                _check_in = $('._check_in');

            if (typeof _check_in !== 'undefined' || _check_in !== null) {
                if (all_check_in.prop('checked') == true) {
                    all_check_in.prop('checked', true);
                    all_check_in.parent().parent().css({
                        'background-color': '#000',
                        'color': '#fff'
                    });

                    _check_in.prop('checked', true);
                    _check_in.parent().parent().css({
                        'background-color': '#ccc'
                    });
                } else {
                    all_check_in.prop('checked', false);
                    all_check_in.parent().parent().removeAttr('style');

                    _check_in.prop('checked', false);
                    _check_in.parent().parent().removeAttr('style');
                }
            }
        });

        $(document).on('click', '._check_in', function() {
            var _check_in = $('._check_in');

            _check_in.each(function() {
                if ($(this).prop('checked') == true) {
                    $(this).parent().parent().css({
                        'background-color': '#ccc'
                    });
                } else {
                    $(this).parent().parent().removeAttr('style');
                }
            });
        });

        /**********************************************************************************/

    });
    </script>