<?php
if (isset($message)) {
    echo '<div class="alert alert-success" role="alert">' . $message . '</div>';
}
?>
<div class="row">
    <div class="col-md-6">
        <div class="box box-primary">


            <?php echo $this->session->flashdata('e_message'); ?>
            <div class="box-body">
                <form method="post" action="<?php echo base_url() ?>admin/lecture/upload1" enctype="multipart/form-data">
                    <div class="form-group">
                        <label for="course">Course</label>
                        <select required class="form-control" id="course" name="course">
                            <option value="">--select-course--</option>
                            <?php
                            foreach ($course as $cs) {
                                echo '<option value="' . $cs->id . '">' . $cs->course . '</option>';
                            }
                            ?>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="subject">Subject</label>
                        <select required class="form-control" id="subject" name="subject">
                            <option value="">--select-subject--</option>
                        </select>
                    </div>


                    <div class="form-group">
                        <label for="chapter">Chapter</label>
                        <select class="form-control" required id="chapter" name="chapter">
                            <option value="">--select-chapter--</option>
                        </select>
                    </div>

                    <label for="file_name">Your File Name</label>
                    <div class="input-group">
                        <input name="file_name" id="file_name" type="text" class="form-control" placeholder="your file name" aria-describedby="basic-addon2">
                        <span class="input-group-addon" id="basic-addon2">_(SerialNo.)</span>
                    </div>
                    <br />
					
					<div class="form-group">
                        <label for="storage_type">Storage Type</label>
                        <select class="form-control" required id="storage_type" name="storage_type">
                            <option selected value="">--select--</option>
                            <option value="do">DO Space</option>
                        </select>
                    </div>


                    <div class="form-group">
                        <label for="chapter">Video</label>
                        <select class="form-control" required id="upload_file" multiple name="upload_file[]">
                            <option value="">--select-Video--</option>

                        </select>
                    </div>


                    <input type="hidden" value="doc" name="e_type">

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

        </div>
    </div>

</div>
<script type="text/javascript">
    $(document).ready(function() {

               $('body').on('change', '#storage_type', function() {
            $.ajax({
                type: "POST",
                url: "<?php echo base_url('admin/lecture/get_storage_pdf_files'); ?>",
                datatype: "html",
                beforeSend: function() {
                    $('#response').fadeIn(100);
                },
                data: {
                    storage: $(this).val()
                },
                success: function(data) {
                    $('#response').fadeOut(100);
                    if (data) {
                        $('#upload_file').empty();
                        var videoData = $.parseJSON(data);
                        $.each(videoData, function(i) {
                            var htmlOP = "<option value='" + videoData[i].id + "'>" + videoData[i].name + "</option>";
                            $('#upload_file').append(htmlOP);
                        });
                    }
                }
            });
        });




        $('body').on('change', '#course', function() {

            $.ajax({
                type: "POST",
                url: "<?php echo base_url('admin/lecture/get_subject'); ?>",
                datatype: "html",
                beforeSend: function() {
                    $('#response').fadeIn(100);
                },
                data: {
                    course_id: $(this).val()
                },
                success: function(data) {
                    $('#response').fadeOut(100);
                    $('#subject').empty();
                    $('#subject').append('<option  value="">--select-subject--</option>');
                    $('#subject').append(data);
                    $('#chapter').empty();
                    $('#chapter').append('<option  value="">--select-chapter--</option>');
                }
            });

        });

        $('body').on('change', '#subject', function() {

            $.ajax({
                type: "POST",
                url: "<?php echo base_url('admin/lecture/get_chapter'); ?>",
                datatype: "html",
                beforeSend: function() {
                    $('#response').fadeIn(100);
                },
                data: {
                    subject_id: $(this).val()
                },
                success: function(data) {
                    $('#response').fadeOut(100);
                    $('#chapter').empty();
                    $('#chapter').append('<option  value="">--select-chapter--</option>');
                    $('#chapter').append(data);
                }
            });

        });

        $('body').on('change', '#subject', function() {

            $.ajax({
                type: "POST",
                url: "<?php echo base_url('admin/lecture/get_chapter'); ?>",
                datatype: "html",
                beforeSend: function() {
                    $('#response').fadeIn(100);
                },
                data: {
                    subject_id: $(this).val()
                },
                success: function(data) {
                    $('#response').fadeOut(100);
                    $('#chapter').empty();
                    $('#chapter').append('<option  value="">--select-chapter--</option>');
                    $('#chapter').append(data);
                }
            });

        });

        $('body').on('change', '#chapter', function() {

            var str = $("#subject option:selected").text() + '_' + $("#chapter option:selected").text();
            $('#file_name').val(str.replace(/\s+/g, ''));

        });

        $('#upload_form').submit(function(e) {

            e.preventDefault();
            var files = $('#upload_file').prop('files');
            var names = $.map(files, function(val) {
                return val.name;
            });

            $.ajax({
                type: 'POST',
                url: '<?php echo base_url("admin/lecture/upload1"); ?>',
                data: {
                    files: names,
                    chapter: $('#chapter').val(),
                    file_name: $('#file_name').val()
                },

                beforeSend: function() {
                    $('#response').fadeIn(100);
                },
                complete: function() {
                    $('#response').fadeOut(1000);
                },
                success: function(data) {

                    if (data) {
                        alert('Well done! You successfully Uploaded Files.');
                    } else {
                        alert('Try Again Plz!!!');
                    }
                    location.reload();
                }
            });

        });

    });
</script>