@extends('layouts.admin')
@section('title', 'Tambah Ruangan')
@section('breadcrumb', 'Master Data / Ruangan / Tambah Baru')
@section('content')
<div style="max-width:500px;">
<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-door-open" style="color:var(--sage);margin-right:8px;"></i> Tambah Ruangan</h3>
        <a href="{{ route('admin.rooms') }}" class="btn btn-outline btn-sm"><i class="fas fa-arrow-left"></i> Kembali</a>
    </div>
    <form method="POST" action="{{ route('admin.rooms.store') }}">
        @csrf
        <div class="form-grid">
            <div class="form-group">
                <label>Nomor / Nama Ruangan <span style="color:var(--danger)">*</span></label>
                <input type="text" name="number" class="form-input {{ $errors->has('number') ? 'error' : '' }}"
                       value="{{ old('number') }}" placeholder="Cth: R1, VIP-1, Lotus">
                @error('number')<div class="form-error">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label>Status Awal <span style="color:var(--danger)">*</span></label>
                <select name="status" class="form-select">
                    <option value="available"    {{ old('status')=='available'    ? 'selected' : '' }}>✓ Tersedia</option>
                    <option value="maintenance"  {{ old('status')=='maintenance'  ? 'selected' : '' }}>🔧 Perbaikan</option>
                </select>
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Simpan Ruangan</button>
            <a href="{{ route('admin.rooms') }}" class="btn btn-outline">Batal</a>
        </div>
    </form>
</div>
</div>
@endsection