@php
$type = App\UserType::find($notification->data['type']);
@endphp

<div class="toast bg-white w-100 p-2 border-bottom" role="alert" aria-live="assertive" aria-atomic="true" @if(in_array($notification->id,$un_id)) style="background:#9fc3ff !important; @endif">
    <div class="toast-header mt-4">
        <div class="row">
            <div class="col-md-3 text-center">
                <img src="{{ asset('storage/'.$notification->data['user']['image'])  }}" class="rounded mr-2 w-25" alt="...">
                <p style="font-family:serif"> By {{$notification->data['user']['fname'].' '.$notification->data['user']['lname']}}</p>
            </div>
            <div class="col-md-7 text-left">
                <div class="toast-body">
                    <strong class="mr-auto text-blue ">Got a New Student !</strong>
                    <p class="text-sm mb-0" style="font-weight: 600;color: teal;">Hello, {{ Auth::user()->fname }}! {{$notification->data['fname'].' '.$notification->data['lname']}} has Assigned to you,
                        Click <a href="#"> Here</a> to view details about {{$notification->data['fname'].' '.$notification->data['lname']}}.
                    </p>
                </div>
            </div>
            <div class="col-md-2 text-right">
                <small class="text-right font-weight-bold" data-toggle="tooltip" data-placement="top" title="{{ $notification->created_at }}">{{ Carbon\Carbon::parse($notification->created_at)->diffForHumans()}}</small>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-right">
                <a href="#"><i class="fa fa-trash p-2 text-danger " aria-hidden="true"  data-toggle="tooltip" data-placement="top" title="Delete Notification"></i></a>
            {{-- <a href="#"><i class="fa fa-user p-2 text-dark" aria-hidden="true"  data-toggle="tooltip" data-placement="top" title="Assign Coach"></i></a> --}}
            </div>
        </div>
    </div>
</div>