@extends('layouts.master')

@section('content')
<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        <h3>Class Routine for {{ $classRoutine->studentClass->class_name }} - {{ $classRoutine->shift?->shift_name ?? "NA" }}</h3>
        <div>
            <a href="{{ route('class-routine.index') }}" class="btn btn-primary">Back</a>
            <button class="btn btn-secondary" onclick="printCardBody()">Print</button>
        </div>
        
    </div>
    <div class="card-body" id="printableArea">
        @foreach(['Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday'] as $day)
            <h4>{{ $day }}</h4>
            <div class="table-responsive py-3">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Subject</th>
                            <th>Teacher</th>
                            <th>Start Time</th>
                            <th>End Time</th>
                            <th>Room No</th>
                        </tr>
                    </thead>
                    <tbody class="day-schedule">
                        @php
                            $dayDetails = $classRoutine->routineDetails->where('day', $day);
                        @endphp
                        
                        @if($dayDetails->isEmpty())
                            <tr>
                                <td colspan="5" class="text-center">No classes scheduled for this day.</td>
                            </tr>
                        @else
                            @foreach($dayDetails as $routineDetail)
                                <tr class="subject-entry">
                                    <td>{{ $routineDetail->subject->subject_name ?? 'N/A' }}</td>
                                    <td>{{ $routineDetail->teacher->name ?? 'N/A' }}</td>
                                    <td>{{ $routineDetail->start_time }}</td>
                                    <td>{{ $routineDetail->end_time }}</td>
                                    <td>{{ $routineDetail->class_room_id ?? 'N/A' }}</td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        @endforeach
        
    </div>
</div>
@endsection

@push('scripts')
    <script>
        function printCardBody() {
            var printContents = document.getElementById('printableArea').innerHTML;
            var originalContents = document.body.innerHTML;
        
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
            location.reload(); // Reload to restore the original content
        }
    </script>
@endpush