<?php

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

if( $this->session->flashdata('message') )
{
    echo $this->session->flashdata('message');
}

?>
<div class="row">
    <?php echo $this->session->flashdata('alert');?>
    <div class="col-md-4">
        <div class="box box-primary">
            <div class="box-body">
                <form action="<?php echo base_url( 'admin/quiz/upload_file/' ); ?>" method="post"
                    enctype="multipart/form-data">
                    <div class="form-group">
                        <label for="question">Upload:</label>
                        <input type="file" name="questions_upload" required class="form-control" id="question" name="questions"
                            rows="3"><?php echo set_value('questions'); ?></textarea>
                        <?php form_error('questions'); ?>

                        <input type="hidden" name="quiz_id" value="<?php echo $this->uri->segment(4);?>">
                    </div>


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

                    <div class="form-group">
                        <label for="ansa">Answer: A</label>
                        <textarea required class="form-control" id="ansa" name="ansa"
                            rows="2"><?php echo set_value('ansa'); ?></textarea>
                        <?php form_error('ansa'); ?>
                    </div>

                    <div class="form-group">
                        <label for="ansb">Answer: B</label>
                        <textarea required class="form-control" id="ansb" name="ansb"
                            rows="2"><?php echo set_value('ansb'); ?></textarea>
                        <?php form_error('ansb'); ?>
                    </div>

                    <div class="form-group">
                        <label for="ansc">Answer: C</label>
                        <textarea required class="form-control" id="ansc" name="ansc"
                            rows="2"><?php echo set_value('ansc'); ?></textarea>
                        <?php form_error('ansc'); ?>
                    </div>

                    <div class="form-group">
                        <label for="ansd">Answer: D</label>
                        <textarea required class="form-control" id="ansd" name="ansd"
                            rows="2"><?php echo set_value('ansd'); ?></textarea>
                        <?php form_error('ansd'); ?>
                    </div>

                    <div class="form-group">
                        <label for="correct_ans">Correct
                            Options</label>
                        <select required class="form-control" name="correct_ans" id="correct_ans">
                            <option value="">Select Correct
                                Options</option>
                            <option value="a">Option A</option>
                            <option value="b">Option B</option>
                            <option value="c">Option C</option>
                            <option value="d">Option D</option>
                        </select>
                        <?php form_error('correct_ans'); ?>
                    </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>
                    <button type="reset" class="btn btn-danger">Reset</button>
                </form>
                <br />
                <hr />
                <!-- <h3>Upload Questions Docs:</h3> -->
                 <a href="http://interactiverecord.com/btofflinetesting/btoffline.docx">Download Sample Format</a>
                <form action="<?php echo base_url( 'admin/folder/questions/'. $mcq_id ); ?>" method="post"
                    enctype="multipart/form-data">
                </form>
            </div>

        </div>
    </div>
    <div class="col-md-8">
        <div class="box box-primary">
            <div class="box-body">

                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover table-sm" id="mcq-questions"
                        mcq_id="<?php echo $mcq_id; ?>">
                        <thead style="font-size: 12px;">
                            <!-- <th>
                                <input type="checkbox" id="all_check_in" value="">
                            </th> -->
                            <th>#</th>
                            <th>Questions</th>
                            <!-- <th>Options</th> -->
                            <!-- <th>correct Answer</th> -->
                            <th style="width: 110px;">Action</th>
                        </thead>
                    </table>
                </div>

            </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 type="text/javascript">
    $(document).ready(function() {

        /***********************************************************************************************************/
        // 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>