@extends('admin/layouts/contentLayoutMaster')

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

@section('content')
<style>
.container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

.darker {
  border-color: #ccc;
  background-color: #ddd;
}

.container::after {
  content: "";
  clear: both;
  display: table;
}

.container img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

.container p.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

.time-right {
  float: right;
  color: #aaa;
}

.time-left {
  float: left;
  color: #999;
}    
</style>
<!-- Basic Inputs start -->
<section id="basic-input">
  <div class="row">
      <div class="col-md-12">
          <div class="card">
              <div class="card-header">
                  <h4 class="card-title">Chat Session</h4>
              </div>
             <div class="card-content">
                  <div class="card-body">
                                  @if(count($result)>0)
                 @foreach($result as $key=>$result1)    
            <div class="container">
  <p>{{$result1->chat_message}}</p>
  <span class="time-right">{{$result1->timestamp}}</span>
</div>
@endforeach
@endif
                      <a href="{{ URL::to('admin/studentsession')}}" class="btn btn-outline-warning mr-1 mb-1">Back</a>
                  </div>
              </div>
          </div>
      </div>
  </div>
</section>
<!-- Basic Inputs end -->
<!-- Input Sizing end -->
@endsection
@section('page-script')
        <!-- Page js files -->
<script src="{{ asset(mix('js/scripts/forms/form-tooltip-valid.js')) }}"></script>
@endsection