@extends('adminlte::page')

@section('title', config('adminlte.title') . ' | Notifications')

@section('content_header')
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Notifications</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Notifications</li>
                </ol>
            </div>
        </div>
    </div>
@stop

@section('content')
    <div class="row justify-content-center">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Recent Activity</h3>
            </div>
            <div class="card-body p-0">
                @php
                    $allNotifications = collect();
                    
                    // Add documents
                    foreach($documents as $doc) {
                        $allNotifications->push([
                            'type' => 'document',
                            'icon' => 'fas fa-file-alt text-info fa-2x',
                            'title' => 'New Document',
                            'description' => $doc->description,
                            'time' => $doc->updated_at,
                            'url' => route('documents.index'),
                            'action_text' => 'View Document'
                        ]);
                    }
                    
                    // Add holiday responses
                    foreach($holidayResponses as $holiday) {
                        $status = $holiday->status;
                        $color = $status == 'Approved' ? 'success' : ($status == 'Rejected' ? 'danger' : 'warning');
                        
                        $allNotifications->push([
                            'type' => 'holiday_response',
                            'icon' => 'fas fa-plane-departure text-' . $color . ' fa-2x',
                            'title' => 'Holiday Request ' . $status,
                            'description' => date('d M Y', strtotime($holiday->start_date)) . ' - ' . date('d M Y', strtotime($holiday->end_date)) . ' (' . number_format($holiday->number_days, 1) . ' days)',
                            'time' => $holiday->updated_at,
                            'url' => route('holidays.viewing'),
                            'action_text' => 'View Request'
                        ]);
                    }
                    
                    // Add approval requests
                    foreach($approvalRequests as $request) {
                        $allNotifications->push([
                            'type' => 'approval_request',
                            'icon' => 'fas fa-thumbs-up text-warning fa-2x',
                            'title' => 'Approval Needed',
                            'description' => $request->name . ' requested ' . number_format($request->number_days, 1) . ' days (' . date('d M', strtotime($request->start_date)) . ' - ' . date('d M', strtotime($request->end_date)) . ')',
                            'time' => $request->updated_at,
                            'url' => route('holiday_approval.index'),
                            'action_text' => 'Review'
                        ]);
                    }
                    
                    $allNotifications = $allNotifications->sortByDesc('time');
                @endphp

                @if($allNotifications->count() > 0)
                    <ul class="list-group list-group-flush">
                        @foreach($allNotifications as $notification)
                            <li class="list-group-item">
                                <div class="d-flex align-items-center">
                                    <div class="mr-3 text-center">
                                        <i class="{{ $notification['icon'] }}"></i>
                                    </div>
                                    <div class="flex-grow-1">
                                        <h6 class="mb-1 font-weight-bold text-black">{{ $notification['title'] }}</h6>
                                        <p class="mb-1 text-muted">{{ $notification['description'] }}</p>
                                        <small class="text-secondary">
                                            <i class="far fa-clock mr-1"></i> {{ $notification['time']->diffForHumans() }}
                                        </small>
                                    </div>
                                    <div class="ml-3">
                                        <a href="{{ $notification['url'] }}" class="btn btn-sm btn-outline-primary">
                                            {{ $notification['action_text'] }}
                                        </a>
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                @else
                    <div class="p-5 text-center text-muted">
                        <i class="fas fa-bell-slash fa-3x mb-3"></i>
                        <p>No new notifications.</p>
                    </div>
                @endif
            </div>
        </div>
    </div>
@stop

@section('css')
@stop

@section('js')
@stop

@section('footer')
    &nbsp;
@stop