@extends('layouts.admin')
@section('css')
    <style>
        .table th {
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .badge {
            font-size: 0.75rem;
        }

        .room-info {
            max-width: 200px;
        }

        .status-badge {
            min-width: 70px;
        }

        .action-buttons .btn {
            margin-bottom: 2px;
        }
    </style>
@endsection
@section('admin')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0 font-size-18">
                    Voice Rooms
                    @if($search || $status || $room_type)
                        <small class="text-muted">({{ $rooms->total() }} results)</small>
                    @endif
                </h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">

                    </ol>
                </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-body">

                    <!-- Search and Filter Form -->
                    <div class="row mb-4">
                        <div class="col-12">
                            <form method="get" action="{{ route('admin.voice.room') }}" class="row g-3">
                                @csrf
                                <div class="col-md-4">
                                    <label for="search" class="form-label">Search</label>
                                    <input type="text" class="form-control" id="search" name="search"
                                           value="{{ $search ?? '' }}"
                                           placeholder="Search by room name, ID, description, or host name...">
                                </div>
                                <div class="col-md-3">
                                    <label for="status" class="form-label">Status</label>
                                    <select class="form-control" name="status">
                                        <option value="">All Status</option>
                                        <option value="active" {{ ($status ?? '') == 'active' ? 'selected' : '' }}>
                                            Active
                                        </option>
                                        <option value="pending" {{ ($status ?? '') == 'pending' ? 'selected' : '' }}>
                                            Pending
                                        </option>
                                        <option value="rejected" {{ ($status ?? '') == 'rejected' ? 'selected' : '' }}>
                                            Rejected
                                        </option>
                                        <option value="blocked" {{ ($status ?? '') == 'blocked' ? 'selected' : '' }}>
                                            Blocked
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label for="room_type" class="form-label">Room Type</label>
                                    <select class="form-control" name="room_type">
                                        <option value="">All Types</option>
                                        <option value="public" {{ ($room_type ?? '') == 'public' ? 'selected' : '' }}>
                                            Public
                                        </option>
                                        <option value="private" {{ ($room_type ?? '') == 'private' ? 'selected' : '' }}>
                                            Private
                                        </option>
                                    </select>
                                </div>
                                <div class="col-md-2 d-flex align-items-end">
                                    <button type="submit" class="btn btn-primary me-2">
                                        <i class="fas fa-search me-1"></i>Search
                                    </button>
                                    <a href="{{ route('admin.voice.room') }}" class="btn btn-secondary">
                                        <i class="fas fa-times me-1"></i>Clear
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- Results Info -->
                    @if($search || $status || $room_type)
                        <div class="row mb-3">
                            <div class="col-12">
                                <div class="alert alert-info py-2">
                                    <small>
                                        <i class="fas fa-info-circle me-1"></i>
                                        @if($search)
                                            Search results for: "<strong>{{ $search }}</strong>"
                                        @endif
                                        @if($status)
                                            | Status: <strong>{{ ucfirst($status) }}</strong>
                                        @endif
                                        @if($room_type)
                                            | Type: <strong>{{ ucfirst($room_type) }}</strong>
                                        @endif
                                        | Found <strong>{{ $rooms->total() }}</strong> rooms
                                        @if($search || $status || $room_type)
                                            <a href="{{ route('admin.voice.room') }}"
                                               class="float-end text-decoration-none">
                                                <i class="fas fa-times"></i> Clear filters
                                            </a>
                                        @endif
                                    </small>
                                </div>
                            </div>
                        </div>
                    @endif

                    <div class="table-responsive">
                        <table class="table mb-0">

                            <thead class="table-light">
                            <tr>
                                <th>Room ID</th>
                                <th>Room Name</th>
                                <th>Room Type</th>
                                <th>Host User</th>
                                <th>Status</th>
                                <th>Description</th>
                                <th>Coins</th>
                                <th>Total Hours</th>
                                <th>Online Users</th>
                                <th>Total Joined</th>
                                <th>Room Level</th>
                                <th>Created</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($rooms as $room)
                                <tr>
                                    <td>
                                        <strong>{{ $room->room_id }}</strong>
                                    </td>
                                    <td>
                                        <div>
                                            <strong>{{ $room->room_name }}</strong>
                                            @if($room->announcement)
                                                <br><small
                                                    class="text-muted">{{ Str::limit($room->announcement, 30) }}</small>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if($room->room_type == 'private')
                                            <span class="badge bg-warning">Private</span>
                                        @else
                                            <span class="badge bg-success">Public</span>
                                        @endif
                                        @if($room->room_password)
                                            <br><small class="text-muted">🔒 Password Protected</small>
                                        @endif
                                    </td>
                                    <td>
                                        @if($room->user)
                                            <div>
                                                <strong>{{ $room->user->user_id ?? 'N/A' }}</strong>
                                                <br><small class="text-muted">{{ $room->user->name ?? '' }}</small>
                                            </div>
                                        @else
                                            <span class="text-muted">No Host</span>
                                        @endif
                                    </td>
                                    <td>
                                        @switch($room->room_status)
                                            @case('active')
                                                <span class="badge bg-success">Active</span>
                                                @break
                                            @case('pending')
                                                <span class="badge bg-warning">Pending</span>
                                                @break
                                            @case('rejected')
                                                <span class="badge bg-danger">Rejected</span>
                                                @break
                                            @case('blocked')
                                                <span class="badge bg-dark">Blocked</span>
                                                @break
                                            @default
                                                <span
                                                    class="badge bg-secondary">{{ $room->room_status ?? 'Unknown' }}</span>
                                        @endswitch
                                    </td>
                                    <td>
                                        @if($room->room_description)
                                            {{ Str::limit($room->room_description, 50) }}
                                        @else
                                            <span class="text-muted">No description</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span
                                            class="fw-bold text-primary">{{ number_format($room->room_coin ?? 0) }}</span>
                                    </td>
                                    <td>
                                        {{ number_format($room->room_total_hour ?? 0, 1) }} hrs
                                    </td>
                                    <td>
                                        @php
                                            $onlineCount = $room->online_users()->count();
                                        @endphp
                                        <span class="badge bg-info">{{ $onlineCount }}</span>
                                    </td>
                                    <td>
                                        @php
                                            $joinedCount = $room->join_room_users()->count();
                                        @endphp
                                        <span class="badge bg-primary">{{ $joinedCount }}</span>
                                    </td>
                                    <td>
                                        @if($room->levels)
                                            <span
                                                class="badge bg-secondary">Level {{ $room->levels->level->level_name ?? 'N/A' }}</span>
                                            <br><small>EXP: {{ $room->room_exp ?? 0 }}</small>
                                        @else
                                            <span class="text-muted">No Level</span>
                                        @endif
                                    </td>
                                    <td>
                                        {{ \Carbon\Carbon::parse($room->created_at)->format('M d, Y') }}
                                        <br><small
                                            class="text-muted">{{ \Carbon\Carbon::parse($room->created_at)->format('H:i') }}</small>
                                    </td>
                                    <td>
                                        <div class="btn-group-vertical btn-group-sm">
                                            <a href="{{ route('admin.room.edit', $room->id) }}"
                                               class="btn btn-primary btn-sm mb-1">Edit</a>
                                            <a href="{{ route('admin.room.delete', $room->id) }}"
                                               class="btn btn-danger btn-sm"
                                               onclick="return confirm('Are you sure you want to delete this room?')">Delete</a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        {{$rooms->links()}}
                    </div>

                </div>
            </div>
        </div>

    </div>

@endsection