@extends('student.layouts.default')
@section('content')
@section('page_toolbar')
    &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm" href="{{ URL::previous() }}">
        <i class="fa fa-angle-double-left" aria-hidden="true"></i> Back
    </a>
@endsection

<div class="row">
    <!-- include('layout.top-ads') -->
    <div class="col-12 my-5">
        <div class="detail-section mb-0">
            <div class="container mt-20">


                <!--begin::Content-->
                <!--
                    <div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
                      <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
                        <div class="card card-custom">
                          <div class="card-header flex-wrap border-0 pt-6 pb-0">
                            <div class="col card-title">
                              <h3 class="card-label">HTML Table
                                <span class="d-block text-muted pt-2 font-size-sm">Datatable initialized from HTML table</span>
                              </h3>
                            </div>
                -->

                <!--
                            <div class="col mb-7">
                              <div class="row align-items-center">
                                <div class="col-lg-9 col-xl-9">
                                  <div class="row align-items-center">
                                    <div class="col-md-12 my-2 my-md-0">
                                      <div class="input-icon">
                                        <input type="text" class="form-control" placeholder="Search..." id="kt_datatable_search_query">
                                        <span>
                                        <i class="flaticon2-search-1 text-muted"></i>
                                        </span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="col-lg-3 col-xl-3 mt-5 mt-lg-0">
                                  <a href="#" class="btn btn-light-primary px-6 font-weight-bold">Search</a>
                                </div>
                              </div>
                            </div>
                -->

                <!--
                          </div>
                        </div>
                -->
                <div class="card card-custom gutter-b">
                    <div class="card-body">
                        <br>
                         <h3>Upcoming Tasks</h3><br>
                        <table class="table table-hover display" id="dataTables" style="width:100%">
                            <thead>
                            <tr>
                                @if($st_type!='Tutor')
                                    <th>Teacher Name</th>
                                @endif
                                <th>Task Name</th>
                                <th>Topic</th>
                                <th>Notes</th>
                                <th>Task</th>
                                <th width="200px !important">Due Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="card card-custom gutter-b">
                    <div class="card-body">
                        <h3>Past Tasks</h3><br>
                        <table class="table table-hover" id="pastDataTables" style="width:100%">
                            <thead>
                            <tr>
                                @if($st_type!='Tutor')
                                    <th>Teacher Name</th>
                                @endif
                                <th>Task Name</th>
                                <th>Topic</th>
                                <th>Notes</th>
                                <th>Retest</th>
                                <th width="200px !important">Due Date</th>
                                <th style="display:none;">Due Date</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- include('layout.bottom-ads') -->
</div>
@include('student.tasks.more_topic_view_modal')
<!--suppress JSUnusedLocalSymbols -->
<div class="modal" id="noteViewModal" role="dialog">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Note</h4>
                <button type="button" class="close btn btn-icon btn-danger btn-sm" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">

                <div class="row wrapword" id="noteViewData">
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('pagecss')
    <link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>
@endsection
@section('innerscripts')
    <script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

    <script>
        $(function () {