@extends('coach.layouts.app')
@section('content')
<div class="main-content" id="panel">
    <!-- Topnav -->
    @include('coach.layouts.navbar')
    <!-- Header -->

    <!-- Page content -->
    <div class="container-fluid mt-6">

        <div class="row">
            <div class="col-xl-12">
            <div class="card bg-default">
                <div class="card-header bg-transparent">
                <div class="row align-items-center">
                    <div class="col">
                    <h6 class="text-light text-uppercase ls-1 mb-1">Notifications</h6>
                    <h5 class="h3 text-white mb-0">Your Notifications are here......</h5>
                    </div>
                </div>
                </div>
            </div>
        </div>
        {{-- @dd($unread) --}}
        @forelse (Auth::user()->notifications as $notification)
          @if($notification->type == "App\Notifications\coach\AssignStudentNotification")
            @include('coach.notification.assigned-student-details')
          @endif
        @empty
          <a href="#!" class="list-group-item list-group-item-action">
            <div class="row align-items-center">
                <div class="col-auto">
                  <!-- Avatar -->
                </div>
              <div class="col ml--2">
                  <div class="d-flex justify-content-between align-items-center">
                    <div>
                      <h4 class="mb-0 text-sm"></h4>
                    </div>
                    <div class="text-right text-muted">
                    </div>
                  </div>
                  <p class="text-sm mb-0 text-center font-weight-bold"> You dont have any notifications.</p>
              </div>
            </div>
          </a>
        @endforelse

      </div>
    </div>

      <!-- Footer -->
     @include('student.layouts.footer')
    </div>
  </div>
@endsection