@extends('admin/layouts/contentLayoutMaster')

@section('title', 'Student Session')

@section('content')
@section('page-style')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
@endsection
<!-- Basic Tables start -->
<div class="row" id="basic-table">
  <div class="col-12">
      <div class="card">
          <div class="card-header">
              <h4 class="card-title">Student Session</h4>
          </div>
          <div class="card-content">
              <div class="card-body">
                   @if (count($errors) > 0)
                          @if($errors->any())
                            <div class="alert alert-success alert-dismissible" role="alert">
                              <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                              {{$errors->first()}}
                            </div>
                          @endif
                      @endif
                  <!-- Table with outer spacing -->
                  <div class="table-responsive">
                      <table class="table" id="example1">
                          <thead>
                              <tr>
                                  <th>ID</th>
                                  <th>Institution</th>
                                  <th>Class</th>
                                  <th>Subject Name</th>
                                  <th>Question</th>
                                  <th>Student Name</th>
                                  <th>Advisor Name</th>
                                  <th>Added date</th>
                                  <th>Action</th>
                              </tr>
                          </thead>
                          <tbody>
                    @if(count($chat)>0)
                    @foreach ($chat as $key=>$chat1)
                              <tr>
                                  <th scope="row">{{ $chat1->id }}</th>
                                  <td>{{ $chat1->institution_name }}</td>
                                  <td>{{ $chat1->class_name }}</td>
                                  <td>{{ $chat1->subject_name }}</td>
                                  <td>{{ $chat1->description }}</td>
                                  <td>{{ $chat1->student_name }}</td>
                                  <td>{{ $chat1->advisor_name }}</td>
                                  <td>{{ $chat1->created }}</p>
                                  </td>
                                  <td> 
                                   <a data-toggle="tooltip" data-placement="bottom" title="View" href="viewchat/{{ $chat1->id }}" class="badge bg-red"><i class="fa fa-eye" aria-hidden="true"></i></a>
                                    <a id="" class="badge bg-red studentpopup"><i class="fa fa-money" aria-hidden="true"></i></a>
                                                                    <p><strong>Live</strong></p>
                                                                   
                            </td>
                              </tr>
                               @endforeach
                    @else
                       <tr>
                            <td colspan="8">No record found!</td>
                       </tr>
                    @endif
                          </tbody>
                      </table>
                      <div class="col-xs-12 pull-right">
                	{{$chat->links()}}
                </div>
                  </div>
              </div>
        
<div class="modal fade show" id="myModal">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">Student Duration</h4>
    </div>
    <div class="modal-body">
      <table class="table table-hover">
          <thead>
               <tr>
                  <th>S.NO</th>
                  <th>Student Name</th>
                  <th>Duration</th>
              </tr>
          </thead>
          <tbody id="modalstudentpopup">
          </tbody>
      </table>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

          </div>
      </div>
  </div>
</div>
<!-- Basic Tables end -->
<!-- Responsive tables end -->
@endsection