@extends('layouts.app')

@section('title', 'Quản lý Phòng thi - Admin NEU')

@section('content')
    <div class="hero-section pb-8">
        <div class="container">
            @include('partials.nav', ['class' => 'mb-8'])

            <h1 class="hero-title mb-6">Quản lý Phòng thi</h1>

            @include('admin.partials.tabs')
        </div>
    </div>

    <main class="container">
        @if(session('success'))
            <x-alert type="success">
                {{ session('success') }}
            </x-alert>
        @endif

        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-6 gap-3">
            <h2>Danh sách Phòng thi / Ca thi</h2>
            <form action="{{ route('admin.rooms') }}" method="GET" class="d-flex flex-wrap w-100 w-md-auto gap-2">
                <select name="zalo_status" class="form-select w-auto">
                    <option value="all" {{ request('zalo_status') == 'all' ? 'selected' : '' }}>Tất cả Link Zalo</option>
                    <option value="has_link" {{ request('zalo_status') == 'has_link' ? 'selected' : '' }}>Đã có Link</option>
                    <option value="no_link" {{ request('zalo_status') == 'no_link' ? 'selected' : '' }}>Chưa có Link</option>
                </select>
                <input type="text" name="search" value="{{ request('search') }}" placeholder="Tìm tên môn, phòng, mã LHP..."
                    class="form-control flex-grow-1 w-md-250px">
                <button type="submit" class="btn btn-primary">Tìm kiếm</button>
            </form>
        </div>

        <div class="stat-grid mb-6">
            <x-card.stat label="Tổng số Phòng / Ca thi" :value="number_format($totalRooms)" />
            <x-card.stat label="Đã có Link Zalo" :value="number_format($totalWithZalo)" valueClass="text-success" />
            <x-card.stat label="Chưa có Link Zalo" :value="number_format($totalWithoutZalo)" valueClass="text-destructive" />
        </div>

        <div class="card p-0 overflow-hidden">
            <div class="table-wrapper">
                <table>
                    <thead>
                        <tr>
                            <th>Tên Môn</th>
                            <th>Ngày - Giờ thi</th>
                            <th>Ca - Phòng</th>
                            <th>Link Zalo</th>
                            <th>Thao tác</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($rooms as $room)
                            <tr>
                                <td><strong>{{ $room->ten_mon }}</strong>
                                    <div>{{ $room->ma_lhp }}</div>
                                </td>
                                <td>{{ $room->ngay_thi }} <br> <small class="text-muted">{{ $room->gio_thi }}</small></td>
                                <td>Ca: {{ $room->ca_thi }} <br> P: <strong>{{ $room->phong_thi }}</strong></td>
                                <td>
                                    @if($room->link_zalo)
                                        <x-badge type="success">Đã có link</x-badge>
                                    @else
                                        <x-badge type="warning">Trống</x-badge>
                                    @endif
                                </td>
                                <td>
                                    <div class="d-flex gap-2">
                                        <a href="{{ route('room.detail', $room->id) }}" target="_blank" class="btn btn-outline btn-sm">Xem</a>
                                        <a href="{{ route('admin.rooms.edit', $room->id) }}" class="btn btn-primary btn-sm">Sửa</a>
                                    </div>
                                </td>
                            </tr>
                        @endforeach

                        @if($rooms->isEmpty())
                            <tr>
                                <td colspan="6" class="text-center p-8 text-muted">Không
                                    tìm thấy phòng thi nào.</td>
                            </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>

        <div class="mt-6">
            {{ $rooms->links() }}
        </div>
    </main>

    @include('partials.footer', ['class' => 'mt-12'])
@endsection