@extends('layouts.app')

@section('title', 'Sửa Phòng thi - Admin NEU')

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

            <a href="javascript:history.back()" class="btn btn-ghost mb-4 p-0 text-white-50">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="mr-2">
                    <path d="m15 18-6-6 6-6" />
                </svg>
                Quay lại
            </a>

            <h1 class="hero-title mb-6">Cập nhật Phòng thi</h1>
        </div>
    </div>

    <main class="container">
        <div class="card position-relative z-10 mx-auto max-w-600px">
            <div class="mb-8">
                <h2 class="text-xl mb-2">{{ $room->ten_mon }}</h2>
                <div class="text-sm text-muted">
                    Mã LHP: <strong>{{ $room->ma_lhp }}</strong> <br>
                    Ngày: <strong>{{ $room->ngay_thi }}</strong> - Ca: <strong>{{ $room->ca_thi }}</strong>
                </div>
            </div>

            <form action="{{ route('admin.rooms.update', $room->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label class="form-label">Phòng thi</label>
                    <input type="text" name="phong_thi" value="{{ old('phong_thi', $room->phong_thi) }}"
                        class="form-control">
                </div>

                <div class="form-group">
                    <label class="form-label">Địa điểm</label>
                    <input type="text" name="dia_diem_thi" value="{{ old('dia_diem_thi', $room->dia_diem_thi) }}"
                        class="form-control">
                </div>

                <div class="form-group">
                    <label class="form-label">Link Zalo Nhóm</label>
                    <input type="url" name="link_zalo" value="{{ old('link_zalo', $room->link_zalo) }}" class="form-control"
                        placeholder="https://zalo.me/g/...">
                    @error('link_zalo')
                        <div class="text-sm text-danger-emphasis mt-1">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label class="form-label">Ghi chú</label>
                    <input type="text" name="ghi_chu" value="{{ old('ghi_chu', $room->ghi_chu) }}" class="form-control">
                </div>

                <div class="form-actions">
                    <a href="javascript:history.back()" class="btn btn-outline">Hủy</a>
                    <button type="submit" class="btn btn-primary">Lưu thay đổi</button>
                </div>
            </form>
        </div>
    </main>

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