@extends('candidate.layouts.app')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">My Sessions</h4>
    <p class="text-muted mb-0">Your scheduled induction and training sessions.</p>
</div>

@if($applicant->staffSessionSlots->isNotEmpty())
    <div class="row g-3">
        @foreach($applicant->staffSessionSlots as $slot)
            @php
                $isPast = $slot->date < now()->toDateString();
                $isToday = $slot->date === now()->toDateString();
            @endphp
            <div class="col-md-6">
                <div class="bg-white rounded-3 shadow-sm p-3 h-100 {{ $isToday ? 'border border-primary' : '' }}">
                    <div class="d-flex justify-content-between align-items-start mb-2">
                        <div>
                            <span class="status-badge status-{{ $slot->status ?? 'pending' }}">
                                {{ ucfirst($slot->status ?? 'Pending') }}
                            </span>
                        </div>
                        <div>
                            @if($isToday)
                                <span class="badge bg-primary">Today</span>
                            @elseif($isPast)
                                <span class="badge bg-secondary">Past</span>
                            @else
                                <span class="badge bg-info text-dark">Upcoming</span>
                            @endif
                        </div>
                    </div>
                    <div class="mb-2">
                        <div class="fw-bold fs-5">{{ \Carbon\Carbon::parse($slot->date)->format('l, M d, Y') }}</div>
                    </div>
                    <div class="d-flex align-items-center gap-3 text-muted small mb-2">
                        <span>
                            <i class="ri-time-line me-1"></i>
                            {{ $slot->start_time }} - {{ $slot->end_time }}
                        </span>
                        @if($slot->session_title)
                            <span>
                                <i class="ri-book-open-line me-1"></i>
                                {{ $slot->session_title }}
                            </span>
                        @endif
                    </div>
                    @if($slot->session_type)
                        <div class="small text-muted">
                            <i class="ri-price-tag-3-line me-1"></i>
                            Type: {{ ucfirst($slot->session_type) }}
                        </div>
                    @endif
                    @if($slot->pivot?->note)
                        <div class="mt-2 p-2 bg-light rounded small">
                            <i class="ri-sticky-note-line me-1"></i>
                            {{ $slot->pivot->note }}
                        </div>
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@else
    <div class="bg-white rounded-3 shadow-sm p-5 text-center">
        <i class="ri-calendar-line display-4 text-muted mb-3 d-block"></i>
        <h5 class="text-muted">No Sessions Yet</h5>
        <p class="text-muted mb-0">You haven't been assigned to any induction or training sessions yet. You'll be notified once sessions are scheduled.</p>
    </div>
@endif
@endsection