@extends('layouts.master')
@section('title', $title)


@section('content')
<div class="card h-100 shadow-sm">
  <div class="card-header d-flex justify-content-between align-items-center bg-light">
    <div class="card-title mb-0">
      <h5 class="mb-1 text-primary">Today</h5>
      <p class="card-subtitle text-muted">{{$notification_number}} Notifications</p>
    </div>
  </div>
  <div class="card-body p-4">
    <ul class="list-unstyled mb-0">

      @foreach ($notifications as $item)
        @if ($item?->title != 'Message Alert' || $item?->receiver == auth()->user()->employee_id)
        <li class="mb-4">
          <div class="d-flex align-items-start">
            <div class="badge bg-label-secondary text-body p-3 me-3 rounded-circle">
              <i class="ti ti-bell ti-lg"></i>
            </div>
            <div class="d-flex justify-content-between w-100 flex-wrap gap-3">
              <div class="me-3">
                <h6 class="mb-1">{{$item?->title}}</h6>
                <small class="text-muted d-block">{{$item?->message}}</small>
              </div>
              <div class="d-flex align-items-center">
                @php
                  $now = \Carbon\Carbon::now();
                  $createdAt = $item?->created_at;
                  $diffInMinutes = $createdAt ? $now->diffInMinutes($createdAt) : 0;
                  $diffInHours = intdiv($diffInMinutes, 60); 
                  $remainingMinutes = $diffInMinutes % 60;
                @endphp
                <div class="ms-3 badge bg-label-success">
                  @if ($diffInHours > 0)
                    {{ $diffInHours }} hour{{ $diffInHours > 1 ? 's' : '' }} 
                  @endif
                  @if ($remainingMinutes > 0)
                    {{ $remainingMinutes }} min{{ $remainingMinutes > 1 ? 's' : '' }} 
                  @endif
                  ago
                </div>
              </div>
            </div>
          </div>
        </li>
        @endif
      @endforeach

    </ul>
  </div>
</div>


@endsection