@php
    $attendance = $attendanceDashboard ?? [];
    $summary = data_get($attendance, 'summary', []);
    $health = data_get($attendance, 'health', []);
    $formatDate = fn ($value) => $value ? \Carbon\Carbon::parse($value)->format('d M Y') : '-';
    $formatTime = fn ($value) => $value ? \Carbon\Carbon::parse($value)->format('h:i A') : '-';
    $duration = function ($roster) {
        if (!$roster?->class_start_time || !$roster?->class_end_time) {
            return '-';
        }

        return \Carbon\Carbon::parse($roster->class_start_time)->diffForHumans(
            \Carbon\Carbon::parse($roster->class_end_time),
            true
        );
    };
    $instructors = fn ($roster) => collect([$roster?->instructor1?->title, $roster?->instructor2?->title, $roster?->instructor3?->title])->filter()->implode(', ') ?: '-';
@endphp

<div class="card shadow-none border my-4 admin-contact-section" id="attendance-dashboard">
    <div class="card-body p-4">
	<div class="card shadow-none border my-4 admin-contact-section">

    <div class="card-header p-3">

					<h5 class="fw-bold">
						Student Attendance Dashboard
					</h5>

					<small class="text-muted">
						Attendance history, analytics, upcoming classes and attendance trends.
					</small>

				</div>
				</div>
				
				<div class="card-body p-1">
        <div class="d-flex justify-content-end align-items-center flex-wrap gap-2 mb-4">
            
            <div class="d-flex flex-wrap gap-2">
                @can('attendance.view')
                    <a href="{{ route('admin.attendance.reports.index', ['contact_id' => $contact->id]) }}" class="btn btn-primary quick-btn">
                        <i class="fas fa-chart-line me-1"></i> View Full Attendance Report
                    </a>
                    <a href="{{ route('admin.attendance.reports.export', ['format' => 'csv', 'contact_id' => $contact->id]) }}" class="btn btn-light border quick-btn">
                        <i class="fas fa-file-export me-1"></i> Export
                    </a>
                @endcan
              <!--  <button type="button" class="btn btn-light border quick-btn" onclick="window.print()">
                    <i class="fas fa-print me-1"></i> Print
                </button>  -->
                @can('attendance.create')
                    <a href="{{ route('admin.attendance.by-roster', ['contact_id' => $contact->id]) }}" class="btn btn-success quick-btn">
                        <i class="fas fa-clipboard-check me-1"></i> Mark Attendance
                    </a>
                @endcan
            </div>
        </div>

        <div class="row g-3 mb-4">

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Attendance %</small>

            <h4 class="fw-bold mb-2">
                {{ data_get($summary, 'attendance_percentage', 0) }}%
            </h4>

            <div class="progress" style="height:6px;">
                <div class="progress-bar bg-success"
                     style="width: {{ data_get($summary, 'attendance_percentage', 0) }}%">
                </div>
            </div>

            <small class="text-success mt-2 d-block">
                Overall Attendance
            </small>
        </div>
    </div>
	<div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Total Classes</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'total_classes', 0) }}
            </h4>

            <small class="text-primary">
                Classes Scheduled
            </small>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Present</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'present', 0) }}
            </h4>

            <small class="text-success">
                Classes Attended
            </small>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Absent</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'absent', 0) }}
            </h4>

            <small class="text-danger">
                Missed Classes
            </small>
        </div>
    </div>

   <!-- <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Late</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'late', 0) }}
            </h4>

            <small class="text-warning">
                Late Arrivals
            </small>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Excused</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'excused', 0) }}
            </h4>

            <small class="text-secondary">
                Excused Absences
            </small>
        </div>
    </div>--->

    

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Current Streak</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'current_streak', 0) }}
            </h4>

            <small class="text-success">
                Consecutive Attendances
            </small>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Longest Streak</small>

            <h4 class="fw-bold">
                {{ data_get($summary, 'longest_streak', 0) }}
            </h4>

            <small class="text-info">
                Best Performance
            </small>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="border rounded p-3 h-100">
            <small class="text-muted">Last Attendance</small>

            <h4 class="fw-bold">
                {{ $formatDate(data_get($summary, 'last_attendance')) }}
            </h4>

            <small class="text-muted">
                Most Recent Visit
            </small>
        </div>
    </div>

</div>

        <div class="row g-4 mb-4">
            <div class="col-lg-4">
                <div class="card shadow-none border h-100">
                    <div class="card-body">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h5 class="fw-bold mb-0">Attendance Health</h5>
                            <span class="badge {{ data_get($health, 'class', 'bg-secondary') }}">{{ data_get($health, 'label', 'Average') }}</span>
                        </div>
                        <p class="text-muted small mb-3">{{ data_get($health, 'message') }}</p>
                        <div class="progress" style="height: 10px;">
                            <div class="progress-bar {{ data_get($health, 'class', 'bg-secondary') }}" style="width: {{ data_get($summary, 'attendance_percentage', 0) }}%"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow-none border h-100">
                    <div class="card-header bg-body"><h5 class="mb-0">Monthly Attendance Summary</h5></div>
                    <div class="card-body p-0">
                        <table id="monthlyAttendanceSummaryTable"
       class="table table-striped table-sm fs-9 mb-0 w-100">

						<thead>
							<tr>
								<th class="ps-3">Month</th>
								<th class="text-end pe-3">Present</th>
							</tr>
						</thead>

						<tbody>

							@foreach(data_get($attendance, 'monthly', []) as $month)

								<tr>

									<td class="ps-3">
										{{ data_get($month, 'month') }}
									</td>

									<td class="text-end pe-3">
										 <span class="badge bg-success">{{ data_get($month, 'present', 0) }}</span>
									</td>

								</tr>

							
							@endforeach

						</tbody>

					</table>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow-none border h-100">
                    <div class="card-header bg-body"><h5 class="mb-0">Attendance by Roster</h5></div>
                    <div class="card-body p-0">
                        <table id="attendanceByRosterTable"
       class="table table-striped table-sm fs-9 mb-0 w-100">

    <thead>
        <tr>
            <th class="ps-3">Roster</th>
            <th class="text-end pe-3">Present</th>
        </tr>
    </thead>

    <tbody>

        @if(count(data_get($attendance, 'by_roster', [])))

            @foreach(data_get($attendance, 'by_roster', []) as $row)

                <tr>

                    <td class="ps-3">
                        {{ data_get($row, 'roster') }}
                    </td>

                    <td class="text-end pe-3">
                        <span class="badge bg-success">
                            {{ data_get($row, 'present') }}
                        </span>
                    </td>

                </tr>

            @endforeach

        @else

            <tr>

                <td colspan="2" class="text-center py-4 text-muted">

                    
                    No Roster Attendance Found

                </td>

            </tr>

        @endif

    </tbody>

</table>
                    </div>
                </div>
            </div>
        </div>

        <div class="card shadow-none border mb-4 admin-contact-section">
            <div class="card-header bg-body"><h5 class="mb-0">Recent Attendance</h5></div>
            <div class="p-4 table-responsive custom_table">
                <table id="contactAttendanceTable" class="table table-striped table-sm fs-9 mb-0 w-100">
                    <thead><tr><th>Date</th><th>Roster</th><th>Instructor</th><th>Check In</th><th>Check Out</th><th>Duration</th><th>Status</th><th>Actions</th></tr></thead>
                    <tbody>
                        @foreach(data_get($attendance, 'recent', []) as $record)
                            <tr>
                                <td>{{ $formatDate($record->attendance_date) }}</td>
                                <td>{{ $record->roster?->roster_name ?? '-' }}</td>
                                <td>{{ $instructors($record->roster) }}</td>
                                <td>{{ $formatTime($record->created_at) }}</td>
                                <td>{{ $formatTime($record->roster?->class_end_time) }}</td>
                                <td>{{ $duration($record->roster) }}</td>
                                <td><span class="badge bg-success">Present</span></td>
                                <td>@include('admin.attendance.reports.partials.action-button', ['attendance' => $record])</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-6">
                <div class="card shadow-none border h-100">
                    <div class="card-header bg-body"><h5 class="mb-0">Upcoming Classes</h5></div>
                    <div class="card-body">
                        @forelse(data_get($attendance, 'upcoming', []) as $class)
                            <div class="d-flex justify-content-between border-bottom py-2">
                                <div><strong>{{ data_get($class, 'roster.roster_name') }}</strong><small class="text-muted d-block">{{ $instructors(data_get($class, 'roster')) }}</small></div>
                                <div class="text-end"><span>{{ $formatDate(data_get($class, 'date')) }}</span><small class="text-muted d-block">{{ $formatTime(data_get($class, 'roster.class_start_time')) }}</small></div>
                            </div>
                        @empty
                            <p class="text-muted mb-0">No upcoming roster bookings found.</p>
                        @endforelse
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="card shadow-none border h-100">
                    <div class="card-header bg-body"><h5 class="mb-0">Attendance Notes</h5></div>
                    <div class="card-body">
                        @forelse(data_get($attendance, 'notes', []) as $note)
                            <div class="border-bottom py-2"><strong>{{ $formatDate($note->attendance_date) }} - {{ $note->roster?->roster_name ?? '-' }}</strong><p class="text-muted mb-0">{{ $note->notes }}</p></div>
                        @empty
                            <p class="text-muted mb-0">No instructor notes have been added for attendance.</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>