@extends('layouts.course')
@section('content')
    <section class="newpage">
        <div class="innermenu">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <div class="link-path">
                            <ul>
                                <li><a href="{{ url('/coachingdashboard')}}" > Dashboard </a></li>
                                <li>/</li>
                                <li><a href="{{ url('/coursepacks')}}" > Course Packs </a></li>
                                <li>/</li>
                                <li class="active">
                                                                        Course Pack Results</li>
                            </ul>
                        </div>
                        <div class="managecourse-section">
                            <div class="jobs-list">
                                <div class="boxes">
                                    <div class="jobslist">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li>
                                                <a class="" id="exerciset1" Onclick="Active_tab(1,2,'pack',);">Exercises</a>
                                            </li>
                                            <li>
                                                <a class="" id="exerciset2" Onclick="Active_tab(2,1,'pack',);">Assignments</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="exercise-main">
                                <div class="row">
                                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                        <div class="jobs-tabs">
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="extabs-1" role="tabpanel">
                                                    <div class="tab-content-managecourse">
                                                        <div class="results_bg">
                                                            <div class="row">
                                                                <div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
                                                                    <div class="newselect-noborder1">
                                                                        <select class="selectpicker" id="course_id" Onchange="Get_All_Dt('course');">
                                                                            <option value="">Select Course</option>
                                                                            @foreach($courses as $allc)
                                                                                                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
                                                                    <div class="newselect-noborder1">
                                                                        <select class="selectpicker" id="module_id" Onchange="Get_All_Dt('module');">
                                                                            <option value="">Select Module</option>
                                                                            @foreach($modules as $mod)
                                                                                                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-12 col-sm-6 col-md-4 col-xl-4 col-lg-4">
                                                                    <div class="newselect-noborder1">
                                                                        <select class="selectpicker" id="lesson_id" Onchange="Get_Data('pack',);">
                                                                            <option value="">Select Lesson</option>
                                                                            @foreach($lesson as $les)
                                                                                                                                                            @endforeach
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="manage-table">
                                                            <div class="cdashboard-table" id="page">
                                                                                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="modal fade" id="candi_exercise" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">&nbsp;</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="candi_exercise_body">

                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="stud_qns" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Validate</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="addmodule">
                        <form>
                            <div class="edit-user">
                                <div class="floating-label1">
                                    <label style="top: -20px;">Select</label>
                                    <select name="text_val" id="text_val"  Onchnage="Get_Val(this.value)" required></select>
                                </div>
                                <!-- <div class="add_but"><button type="submit" class="btn btn-primary">Update </button></div> -->
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        function Active_tab(ad,rm,pgtype,pack_course_id){
            $("#exerciset"+rm).removeClass('active');
            $("#exerciset"+ad).addClass('active');
            $("#page").html('Please wait....');
            var course_id=$("#course_id").val();
            var module_id=$("#module_id").val();
            var lesson_id=$("#lesson_id").val();
            $.ajax({
                url: "