@extends('layout.layout')

@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h6 class="mb-0 text-primary">Session Schedule</h6>
    </div>

    <div class="card p-3 mb-4 shadow-sm bg-light">
        <h6 class="mb-3 text-secondary"><i class="ri-filter-3-line me-1"></i> Filter Sessions</h6>
        <form method="GET" action="{{ route('DemoCourses') }}" class="row g-3 align-items-end">

            {{-- 2. Date Range Filter (Replaces simple date filter) --}}


            @if(request('filter') != "today")
            <div class="col-md-4 col-lg-3">
                <label for="date_from" class="form-label small text-muted mb-1">Date Range</label>
                <div class="input-group input-group-sm">
                    <input type="date" name="date_from" id="date_from" class="form-control"
                        value="{{ request('date_from') }}" title="Start Date">
                    <span class="input-group-text">to</span>
                    <input type="date" name="date_to" class="form-control"
                        value="{{ request('date_to') }}" title="End Date">
                </div>
                {{-- Optional hidden field to re-enable simple filter if needed --}}
                {{-- <input type="hidden" name="filter" value="{{ request('filter') }}"> --}}
            </div>

            @endif

            {{-- 4. Action Buttons --}}
            <div class="col-12 col-lg-3 d-flex justify-content-start justify-content-lg-end">
                {{-- Filter Button --}}
                <button class="btn btn-primary btn-sm me-2" type="submit">
                    <i class="ri-check-line"></i> Apply Filters
                </button>
                {{-- Reset Button --}}
                <a href="{{ route('DemoCourses') }}"
                    class="btn btn-outline-secondary btn-sm"
                    title="Reset Filters">
                    <i class="ri-refresh-line"></i> Reset
                </a>
            </div>

        </form>
    </div>
    @php
    $title = 'All Sessions';
    if (request('date_from') || request('date_to')) {
    $from = request('date_from') ? \Carbon\Carbon::parse(request('date_from'))->format('M d') : '';
    $to = request('date_to') ? \Carbon\Carbon::parse(request('date_to'))->format('M d') : '';
    if($from && $to) {
    $title = "Sessions from $from to $to";
    } elseif ($from) {
    $title = "Sessions from $from onwards";
    } elseif ($to) {
    $title = "Sessions up to $to";
    }
    } elseif (request('search')) {
    $title = 'Search Results';
    }
    @endphp

    {{-- Table --}}
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white border-bottom py-3 d-flex justify-content-between align-items-center">
            <h6 class="mb-0 text-dark">{{ $title }}</h6>
            <span class="badge bg-info text-white">Total: {{ $sessions->total() }}</span>
        </div>

        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Tester</th>
                            <th scope="col">Student</th>
                            <th scope="col">Date</th>
                            <th scope="col">Time</th>
                            <th scope="col">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($sessions as $session)
                        <tr>
                            <th scope="row" class="text-muted small">{{  $loop->iteration }}</th>
                            <td>
                                <strong>
                                    {{ optional($session->staffScheduled->staff)->first_name ?? '-' }}
                                    {{ optional($session->staffScheduled->staff)->last_name ?? '' }}
                                </strong>
                            </td>
                            <td>
                                <strong>
                                    {{ optional(optional($session->staffScheduled->courseStudent[0])->student)->first_name ?? '-' }}
                                    {{ optional(optional($session->staffScheduled->courseStudent[0])->student)->last_name ?? '' }}
                                </strong>
                            </td>
                            <td>
                                <i class="ri-calendar-line me-1 text-success"></i>
                                {{ \Carbon\Carbon::parse($session->session_date)->format('Y-m-d') }}
                            </td>
                            <td>
                                <i class="ri-time-line me-1 text-info"></i>
                                {{ \Carbon\Carbon::parse($session->start_time)->format('H:i') }}
                            </td>
                                @php
                                    $sessionDate = \Carbon\Carbon::parse($session->session_date);
                                    $today = \Carbon\Carbon::today();
                                    $shouldAddFeedback = DB::table('teacher_feedback')->where('staff_schedule_id', $session->staff_scheduled_id)->where('type','demo')->exists();
                                    
                                @endphp
                                
                                <td>
                                @if($sessionDate && $sessionDate->lte($today) && !$shouldAddFeedback  && $addPerformanceReport)
                                    <a href="{{ route('teacher_feedback.createDemo', [
                                        'id' => $session->staffScheduled->courseStudent[0]->student->id,
                                        'staff_schedule_id' => $session->staff_scheduled_id
                                    ]) }}"
                                       class="btn btn-warning btn-sm text-white me-2">
                                       Performance Report
                                    </a>
                                @else
                                    <span class="badge bg-secondary">Not Available Yet</span>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="8" class="text-center text-muted py-4">
                                <i class="ri-emotion-sad-line me-2"></i> No sessions match your current criteria.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($sessions->hasPages())
       
            
            
                                    <div class="m-2">
                            <div>
                                {{ $sessions->appends(request()->except('page'))->links('pagination::bootstrap-5') }}
                            </div>
                        </div>

        @endif
    </div>
</div>

<style>
    /* Custom styling for subtle UI enhancements */
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-accent-bg: #f8f9fa;
        /* Lighter stripe color */
    }

    .card-header h5 {
        font-weight: 600;
    }
</style>
@endsection