@extends('web.base')

@section('content')




<style>
h3 {
  color: #363639;
}
  .card.text-white.bg-info {
  height: 158px;
}
.card.text-white.bg-warning {
  height: 158px;
}
.connection-search-listing button.ViewMore {
    width: auto;
    height: auto;
    padding: 15px 20px;
}
.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.profile-name {
    width: 50%;
    padding-left: 3%;
}
.profile-action {
    width: 50%;
}
.h-100 {
    height: 100%;
}
.profile-listing {
    margin-bottom: 15px;
}
.read-notification ul li {
color: grey;
font-weight: bold;
}
.unread ul li {
  font-weight:bold;
}
</style>

</style>
<div class="row">
	<div class="col-md-7 mp-dash-outer-center">
	  <div class="mp-profile-page">
	    <div class="mp-profile-header d-flex justify-content-between align-items-center flex-wrap mb-4">
		    <div class="mp-profile-arrow">
			    <!-- <a href="#"><i?? class="fa fa-arrow-left"></i></a> -->
			</div>
			<div class="mp-profile-headetext">
			   All Notifications
			</div>
                <div class="mp-profile-arrow">
               
            </div> 
		 </div>
     <h3>Unread Notiffications</h3>
      <div class="row">
                                    <div class="not-list unread">
            <!-- <h4>Read Notifications</h4> -->
                                              @if(count($Unreadnotifications) > 0)
                                              <ul>
                                                @foreach($Unreadnotifications as $vall)

                                        <li>{{$vall->message}}</li></a>

                                          
                                              @endforeach
                                          </ul>
                                          @else
                                          <ul><li>No new notifications</li></ul>
                                                @endif
                                        </div>
                                    </div>
     <h3>Read Notifications</h3>
                              <!-- <div id="defaultfrndshowdiv"> -->
                                <div class="row">
                                    <div class="not-list read-notification">
            <!-- <h4>Read Notifications</h4> -->
                                              @if(count($Readnotifications) > 0)
                                              <ul>
                                                @foreach($Readnotifications as $val)
                                        <li>{{$val->message}}</li></a>
                                          
                                              @endforeach
                                          </ul>
                                                @endif
                                        </div>
                                    </div>
      </div>
      </div>
     @include('web.rightside')
      </div>
	
	 
</div>


@endsection