{{-- <div class="col-lg-3 order-2 order-lg-1">

    <div class="month-sta">
        <div class="exp-statistics">
            <div class="absence-chart">
                <div class="doughnut-chart">

                    <div class="canvas">
                        <canvas id="graph1"></canvas>
                    </div>

                    <div class="doughnut-text">
                        <p class="user-stat-title">68%</p>
                    </div>

                </div>

                <div class="chart-info">
                    <p class="progress-arc-summary-title">
                        التقدير العام
                    </p>
                    <p class="progress-arc-summary-subtitle">
                        لمادة الفيزياء
                    </p>
                </div>

            </div>
        </div>
    </div>

    <div class="courses-registered">
        <div class="widget-box-title">احصائيات المادة</div>
        <div class="courses-registered-content">

            <div class="courses-registered-preview">
                <a href="courses.html">
                    <div class="media">
                        <!-- <img src="images/s2.png" alt=""> -->
                        <div class="media-body">
                            <h5>الأسئلة</h5>
                            <p class="complete">
                                <span class="data-progress">471</span>
                                /
                                <span id="sum-vid-exam">620</span>
                            </p>
                        </div>
                    </div>
                </a>
                <span class="progress">
                    <span class="inner-progress" style="width: 74%;"></span>
                </span>
            </div>

            <div class="courses-registered-preview">
                <a href="courses.html">
                    <div class="media">
                        <!-- <img src="images/s2.png" alt=""> -->
                        <div class="media-body">
                            <h5>دقائق المشاهدة</h5>
                            <p class="complete">
                                <span class="data-progress">680</span>
                                /
                                <span id="sum-vid-exam">2120</span>
                            </p>
                        </div>
                    </div>
                </a>
                <span class="progress">
                    <span class="inner-progress" style="width: 44%;"></span>
                </span>
            </div>

            <div class="courses-registered-preview">
                <a href="courses.html">
                    <div class="media">
                        <!-- <img src="images/s2.png" alt=""> -->
                        <div class="media-body">
                            <h5>المهام المكتملة</h5>
                            <p class="complete">
                                <span class="data-progress">9</span>
                                /
                                <span id="sum-vid-exam">14</span>
                            </p>
                        </div>
                    </div>
                </a>
                <span class="progress">
                    <span class="inner-progress" style="width: 65%;"></span>
                </span>
            </div>

            <div class="courses-registered-preview">
                <a href="courses.html">
                    <div class="media">
                        <!-- <img src="images/s2.png" alt=""> -->
                        <div class="media-body">
                            <h5>أيام الحضور</h5>
                            <p class="complete">
                                <span class="data-progress">17</span>
                                /
                                <span id="sum-vid-exam">18</span>
                            </p>
                        </div>
                    </div>
                </a>
                <span class="progress">
                    <span class="inner-progress" style="width: 90%;"></span>
                </span>
            </div>

        </div>
    </div>

</div> --}}