@extends('layout.layout')

@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        @if(request()->filter == "today")
        <h6 class="mb-0 text-primary">Today Sessions</h6>
        @elseif(request()->filter == "upcoming")
        <h6 class="mb-0 text-primary">Upcoming Sessions</h6>
        @elseif(request()->filter == "previous")
        <h6 class="mb-0 text-primary">Previous Sessions</h6>
        @else 
        <h6 class="mb-0 text-primary">Session Schedule</h6>
        @endif
    </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('sessions.index') }}" class="row g-3 align-items-end">

            {{-- 1. Search Bar --}}
            <div class="col-md-4 col-lg-3">
                <label for="search" class="form-label small text-muted mb-1">Course Name Search</label>
                <div class="input-group input-group-sm">
                    <span class="input-group-text"><i class="ri-search-line"></i></span>
                    <input type="text" name="search" id="search" class="form-control" placeholder="e.g., HTML Basics"
                        value="{{ request('search') }}">

                    <input type="hidden" name="filter" id="filter" class="form-control"
                        value="{{ request('filter') }}">


                </div>
            </div>

            {{-- 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

            {{-- 3. Filter by Track Type --}}
            <div class="col-md-4 col-lg-3">
                <label for="track_type_id" class="form-label small text-muted mb-1">Track Type</label>
                <select name="track_type_id" id="track_type_id" class="form-select form-select-sm">
                    <option value="">All Track Types</option>
                    @foreach ($trackTypes as $trackType)
                    <option value="{{ $trackType->id }}" {{ request('track_type_id') == $trackType->id ? 'selected' : '' }}>
                        {{ $trackType->name }}
                    </option>
                    @endforeach
                </select>
            </div>

            {{-- 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('sessions.index', ['filter' => request('filter')]) }}"
                    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">Course</th>
                            <th scope="col">Session</th>
                            <th scope="col">Teacher</th>
                            <th scope="col">Track Type</th>
                            <th scope="col">Level</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>{{ $session->staffScheduled->course_name_en }}</strong>
                            </td>

                            <td>
                                <strong>Session {{ $session->session_number }}</strong>
                            </td>

                            <td>
                                <i class="ri-user-line me-1 text-primary"></i>
                                {{ optional($session->staffScheduled->staff)->first_name }}
                                {{ optional($session->staffScheduled->staff)->last_name }}
                            </td>
                            <td><span class="badge bg-secondary">{{ optional($session->staffScheduled->trackType)->name }}</span></td>
                            <td>{{ optional($session->staffScheduled->trackLevel)->name_en }}</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>
                            <td>
                                <button type="button"
                                    class="btn btn-sm btn-success ms-1"
                                    title="Join Session">
                                    <i class="ri-video-line"></i> Join
                                </button>

                                <a href="{{ route('sessions.show', $session->id) }}" class="btn btn-sm btn-outline-primary" title="View Details">
                                    <i class="ri-eye-line"></i>
                                </a>


                            </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