@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	<a href="{{ url('/notifications') }}">
		<i class="bi bi-app-indicator"></i> Notificaciones
	</a>
</li>

@stop

@section('content')
<div class="row mtop32">
	<div class="col-md-12">
		<div class="panel">
			<div class="inside">

				<div class="title mb16">
					<h2>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-app-indicator" viewBox="0 0 16 16">
							<path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z"/>
							<path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
						</svg> Lista de notificaciones
					</h2>
				</div>

				<div class="notifications">
				<ul>
					@foreach($notifications as $notify)
					<li>
						
						<a href="#">
						
						<div class="item">
							<div class="picture">
								<div class="icon"><img src="{{ url('/static/images/icons/notifications/'.$notify->ntype.'.png') }}"></div>
								@if($notify->user_from_id == "0")
								<img src="{{ url('/static/images/icon.png') }}">
								@endif
							</div>
							<div class="info">
								{{ $notify->content }} <br>
								<span><strong>Para:</strong> {{ $notify->getUser->name }} </span>
								<span class="timeago" datetime="{{ $notify->created_at }}">{{ $notify->created_at }}</span>
							</div>
						</div>
						</a>
					</li>
					@endforeach
				</ul>
			</div>

			</div>
		</div>
	</div>
</div>
@stop