{{-- resources/views/rooms/show.blade.php --}}
@extends('layouts.app')

@section('title', $room->name)

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="mb-0">{{ $room->name }}</h4>
                        <div>
                            @if($room->isBbbRoom())
                                <span class="badge bg-primary">
                                    <i class="fas fa-video"></i> BBB Room
                                </span>
                            @else
                                <span class="badge bg-secondary">
                                    <i class="fas fa-door-closed"></i> Regular Room
                                </span>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Room Details -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h6>Room Information</h6>
                            <table class="table table-sm">
                                <tr>
                                    <th width="40%">Name:</th>
                                    <td>{{ $room->name }}</td>
                                </tr>
                                <tr>
                                    <th>Type:</th>
                                    <td>{{ ucfirst($room->type) }} Room</td>
                                </tr>
                                <tr>
                                    <th>Capacity:</th>
                                    <td>{{ $room->capacity ?? 'Unlimited' }}</td>
                                </tr>
                                @if($room->note)
                                <tr>
                                    <th>Note:</th>
                                    <td>{{ $room->note }}</td>
                                </tr>
                                @endif
                            </table>
                        </div>

                        <div class="col-md-6">
                            @if($room->isBbbRoom())
                                <h6>BBB Meeting Information</h6>
                                <table class="table table-sm">
                                    <tr>
                                        <th width="40%">Meeting ID:</th>
                                        <td><code>{{ $room->bbb_meeting_id }}</code></td>
                                    </tr>
                                    <tr>
                                        <th>Status:</th>
                                        <td>
                                            @php
                                                $statusColors = [
                                                    'scheduled' => 'warning',
                                                    'active' => 'success',
                                                    'ended' => 'secondary'
                                                ];
                                            @endphp
                                            <span class="badge bg-{{ $statusColors[$room->bbb_status] ?? 'secondary' }}">
                                                {{ ucfirst($room->bbb_status) }}
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Room Type:</th>
                                        <td>
                                            @if($room->isExamRoom())
                                                <span class="badge bg-danger">Exam Room</span>
                                            @else
                                                <span class="badge bg-primary">Lesson Room</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Scheduled:</th>
                                        <td>
                                            @if($room->bbb_scheduled_at)
                                                {{ $room->bbb_scheduled_at->format('M d, Y H:i') }}
                                            @else
                                                <span class="text-muted">Not scheduled</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Created By:</th>
                                        <td>{{ $room->creator->name ?? 'System' }}</td>
                                    </tr>
                                </table>
                            @endif
                        </div>
                    </div>

                    <!-- BBB Actions -->
                    @if($room->isBbbRoom())
                        <div class="alert alert-info">
                            <h6><i class="fas fa-info-circle"></i> BigBlueButton Room Actions</h6>

                            <div class="mt-3">
                                @if($room->isActive() && $isRunning)
                                    <div class="d-flex gap-2">
                                        @if(auth()->id() == $room->bbb_created_by || auth()->user()->hasRole(['admin', 'lms_manager']))
                                            <a href="{{ route('rooms.join.moderator', $room) }}"
                                               class="btn btn-primary" target="_blank">
                                                <i class="fas fa-crown"></i> Join as Moderator
                                            </a>

                                            <form action="{{ route('rooms.end.meeting', $room) }}" method="POST">
                                                @csrf
                                                <button type="submit" class="btn btn-danger"
                                                        onclick="return confirm('End this meeting?')">
                                                    <i class="fas fa-stop"></i> End Meeting
                                                </button>
                                            </form>
                                        @endif

                                        <a href="{{ route('rooms.join.attendee', $room) }}"
                                           class="btn btn-success" target="_blank">
                                            <i class="fas fa-user"></i> Join as Participant
                                        </a>
                                    </div>
                                @elseif($room->isScheduled())
                                    <div class="d-flex gap-2">
                                        @if(auth()->id() == $room->bbb_created_by || auth()->user()->hasRole(['admin', 'lms_manager']))
                                            <a href="{{ route('rooms.create.bbb', $room) }}"
                                               class="btn btn-primary">
                                                <i class="fas fa-play"></i> Start Meeting Now
                                            </a>
                                        @endif
                                    </div>
                                @elseif($room->bbb_status == 'ended')
                                    <div class="alert alert-warning">
                                        <i class="fas fa-check-circle"></i> This meeting has ended.
                                        @if($room->bbb_record)
                                            <a href="{{ route('rooms.recordings', $room) }}" class="btn btn-sm btn-info ms-2">
                                                <i class="fas fa-play-circle"></i> View Recordings
                                            </a>
                                        @endif
                                    </div>
                                @endif
                            </div>
                        </div>
                    @else
                        <!-- Convert to BBB Room -->
                        @if(auth()->user()->hasRole(['admin', 'lms_manager']))
                            <div class="alert alert-warning">
                                <h6><i class="fas fa-video"></i> Convert to BBB Room</h6>
                                <p>This is a regular room. You can convert it to a BigBlueButton video conference room.</p>
                                <a href="{{ route('rooms.create.bbb', $room) }}" class="btn btn-primary">
                                    <i class="fas fa-video"></i> Convert to BBB Room
                                </a>
                            </div>
                        @endif
                    @endif
                </div>
            </div>

            <!-- Associated Classes -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="mb-0">Associated Classes</h5>
                </div>
                <div class="card-body">
                    @if($room->classes->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                        <th>Batch</th>
                                        <th>Subject</th>
                                        <th>Teacher</th>
                                        <th>Semester</th>
                                        <th>Hours/Week</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($room->classes as $class)
                                        <tr>
                                            <td>{{ $class->batch->name ?? 'N/A' }}</td>
                                            <td>{{ $class->subject->title ?? 'N/A' }}</td>
                                            <td>{{ $class->teacher->user->name ?? 'N/A' }}</td>
                                            <td>{{ $class->semester }}</td>
                                            <td>{{ $class->weekly_hours }} hrs</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted mb-0">No classes are assigned to this room.</p>
                    @endif
                </div>
            </div>
        </div>

        <!-- Sidebar -->
        <div class="col-lg-4">
            <!-- BBB Participants -->
            @if($room->isBbbRoom())
                <div class="card">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="fas fa-users"></i> Participants
                            <span class="badge bg-info">{{ $room->bbbParticipants->count() }}</span>
                        </h5>
                    </div>
                    <div class="card-body">
                        @if($room->bbbParticipants->count() > 0)
                            <div class="list-group list-group-flush">
                                @foreach($room->bbbParticipants as $participant)
                                    <div class="list-group-item d-flex justify-content-between align-items-center">
                                        <div>
                                            <strong>{{ $participant->user->name }}</strong>
                                            <br>
                                            <small class="text-muted">
                                                {{ $participant->role }} •
                                                {{ $participant->joined_at->format('H:i') }}
                                            </small>
                                        </div>
                                        <span class="badge bg-{{ $participant->role == 'moderator' ? 'primary' : 'secondary' }}">
                                            {{ ucfirst($participant->role) }}
                                        </span>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p class="text-muted mb-0">No participants have joined yet.</p>
                        @endif
                    </div>
                </div>

                <!-- BBB Settings -->
                <div class="card mt-4">
                    <div class="card-header">
                        <h5 class="mb-0">
                            <i class="fas fa-cog"></i> BBB Settings
                        </h5>
                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Recording:</span>
                                <span>
                                    @if($room->bbb_record)
                                        <i class="fas fa-check text-success"></i> Enabled
                                    @else
                                        <i class="fas fa-times text-danger"></i> Disabled
                                    @endif
                                </span>
                            </li>
                            @if($room->isExamRoom())
                                <li class="list-group-item d-flex justify-content-between">
                                    <span>Webcam Required:</span>
                                    <span>
                                        @if($room->bbb_require_webcam)
                                            <i class="fas fa-check text-success"></i> Yes
                                        @else
                                            <i class="fas fa-times text-danger"></i> No
                                        @endif
                                    </span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between">
                                    <span>Microphone Required:</span>
                                    <span>
                                        @if($room->bbb_require_mic)
                                            <i class="fas fa-check text-success"></i> Yes
                                        @else
                                            <i class="fas fa-times text-danger"></i> No
                                        @endif
                                    </span>
                                </li>
                            @endif
                            <li class="list-group-item d-flex justify-content-between">
                                <span>Duration:</span>
                                <span>{{ $room->bbb_duration }} minutes</span>
                            </li>
                        </ul>

                        @if(auth()->id() == $room->bbb_created_by || auth()->user()->hasRole(['admin', 'lms_manager']))
                            <div class="mt-3">
                                <a href="{{ route('rooms.edit', $room) }}" class="btn btn-sm btn-outline-primary w-100">
                                    <i class="fas fa-edit"></i> Edit Settings
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            @endif

            <!-- Room Actions -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="mb-0">Room Actions</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('rooms.edit', $room) }}" class="btn btn-warning">
                            <i class="fas fa-edit"></i> Edit Room
                        </a>

                        @if($room->classes_count == 0)
                            <form action="{{ route('rooms.destroy', $room) }}" method="POST">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger w-100"
                                        onclick="return confirm('Delete this room?')">
                                    <i class="fas fa-trash"></i> Delete Room
                                </button>
                            </form>
                        @endif

                        <a href="{{ route('rooms.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back to Rooms
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@if($room->isBbbRoom())
@push('scripts')
<script>
// Auto-refresh if meeting is active
@if($room->isActive() && $isRunning)
setTimeout(function() {
    window.location.reload();
}, 30000); // Refresh every 30 seconds
@endif
</script>
@endpush
@endif