@include('frontEnd.header')
@include('frontEnd.frontSidebar')

            

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">
                    <div class="container-fluid">

                        
                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0 font-size-18"><span class="bg-primary p-1 rounded text-white border me-1 text-center"> {{$chapter->no}} </span> {{$chapter->name}}</h4>
                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                                            <li class="breadcrumb-item active">{{$chapter->name}}</li>
                                        </ol>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->


                        <div class="row">

                        <div class="col-lg-8">

                            <ol class="list-group list-group-numbered">

                                 @foreach($topics as $top)
                                <li class="bg-white rounded shadow-sm p-3 mb-3 fw-bold">
                                   <a href="{{ route('getPages', $top->id) }}"> {{$top->name}}</a>
                                </li>
                                @endforeach
                                                          
                            </ol>
                        </div>

 
                        </div><!-- end row-->


                    </div>
                    <!-- container-fluid -->
                </div>
                <!-- End Page-content -->

@include('frontEnd.footer')

        <!-- JAVASCRIPT -->
        <script src="{{url('/')}}/assets/libs/jquery/jquery.min.js"></script>
        <script src="{{url('/')}}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="{{url('/')}}/assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="{{url('/')}}/assets/libs/simplebar/simplebar.min.js"></script>
        <script src="{{url('/')}}/assets/libs/node-waves/waves.min.js"></script>
        <script src="{{url('/')}}/assets/libs/feather-icons/feather.min.js"></script>
        <!-- pace js -->
        <script src="{{url('/')}}/assets/libs/pace-js/pace.min.js"></script>

        <!-- apexcharts -->
        <script src="{{url('/')}}/assets/libs/apexcharts/apexcharts.min.js"></script>

        <!-- Plugins js-->
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
        <!-- dashboard init -->
        <script src="{{url('/')}}/assets/js/pages/dashboard.init.js"></script>

        <script src="{{url('/')}}/assets/js/app.js"></script>

       <!--  <script type="text/javascript">
            
            function getData(topic_id)
            {
                var topic_id=topic_id;
                loadDynamicResult(topic_id);
               // alert(topic_id)
            }

            function loadDynamicResult(topic_id) {
                //alert(topic_id);
    $.get('{{url('/')}}/getPages/'+topic_id, function(data) {
        //alert(data);
        const dataContainer = $('#data-container');
        data.forEach(function(item) {

        }

    });
}
        </script>
 -->
    </body>


</html>