@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">Index</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">Index</li>
                                        </ol>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                        <!-- end page title -->


                        <div class="row text-center">

                       <!--  @foreach($chapters as $chapter)
                        
                            <div class="col-lg-3 col-6">
                                <a href="{{ route('getTopics', $chapter->id) }}">
                                <div class="card p-3 card-h-100">
                                  <img src="{{url('/')}}/uploads/chapter_covers/{{$chapter->model_id}}/{{$chapter->variant_id}}/{{$chapter->chassis_id}}/{{$chapter->cover}}" class="w-50 mx-auto "> 
                                  <h5 class="mt-3">{{$chapter->name}}</h5> 
                                </div>   
                                 </a>                             
                            </div>
                       
                        @endforeach -->
                         <img src="{{url('/')}}/uploads/variant_covers/{{$chassis->variant->cover}}" class="nav-thumb-img" width="250">


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