@extends('layouts.app')

@section('title', 'Tambah Kamar - Hotel Management System')
@section('page-title', 'Tambah Kamar')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Form Tambah Kamar</h6>
            </div>
            <div class="card-body">
                <form action="{{ route('rooms.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="room_number" class="form-label">Nomor Kamar <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('room_number') is-invalid @enderror" 
                                       id="room_number" name="room_number" value="{{ old('room_number') }}" required>
                                @error('room_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="room_type" class="form-label">Tipe Kamar <span class="text-danger">*</span></label>
                                <select class="form-select @error('room_type') is-invalid @enderror" 
                                        id="room_type" name="room_type" required>
                                    <option value="">Pilih Tipe Kamar</option>
                                    <option value="Standard" {{ old('room_type') == 'Standard' ? 'selected' : '' }}>Standard</option>
                                    <option value="Deluxe" {{ old('room_type') == 'Deluxe' ? 'selected' : '' }}>Deluxe</option>
                                    <option value="Suite" {{ old('room_type') == 'Suite' ? 'selected' : '' }}>Suite</option>
                                    <option value="Presidential" {{ old('room_type') == 'Presidential' ? 'selected' : '' }}>Presidential</option>
                                </select>
                                @error('room_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="price_per_night" class="form-label">Harga per Malam <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">Rp</span>
                                    <input type="number" class="form-control @error('price_per_night') is-invalid @enderror" 
                                           id="price_per_night" name="price_per_night" value="{{ old('price_per_night') }}" 
                                           min="0" step="1000" required>
                                </div>
                                @error('price_per_night')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="capacity" class="form-label">Kapasitas <span class="text-danger">*</span></label>
                                <input type="number" class="form-control @error('capacity') is-invalid @enderror" 
                                       id="capacity" name="capacity" value="{{ old('capacity') }}" 
                                       min="1" max="10" required>
                                @error('capacity')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="floor" class="form-label">Lantai</label>
                                <input type="text" class="form-control @error('floor') is-invalid @enderror" 
                                       id="floor" name="floor" value="{{ old('floor') }}">
                                @error('floor')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="description" class="form-label">Deskripsi</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" 
                                  id="description" name="description" rows="3">{{ old('description') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Fasilitas Kamar</label>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="AC" id="amenity_ac" {{ in_array('AC', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_ac">AC</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="TV" id="amenity_tv" {{ in_array('TV', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_tv">TV</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="WiFi" id="amenity_wifi" {{ in_array('WiFi', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_wifi">WiFi</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Kamar Mandi Dalam" id="amenity_bathroom" {{ in_array('Kamar Mandi Dalam', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_bathroom">Kamar Mandi Dalam</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Mini Bar" id="amenity_minibar" {{ in_array('Mini Bar', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_minibar">Mini Bar</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Balkon" id="amenity_balcony" {{ in_array('Balkon', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_balcony">Balkon</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Jacuzzi" id="amenity_jacuzzi" {{ in_array('Jacuzzi', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_jacuzzi">Jacuzzi</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Living Room" id="amenity_living" {{ in_array('Living Room', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_living">Living Room</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="amenities[]" value="Safe Deposit" id="amenity_safe" {{ in_array('Safe Deposit', old('amenities', [])) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="amenity_safe">Safe Deposit</label>
                                </div>
                            </div>
                        </div>
                        @error('amenities')
                            <div class="text-danger small">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex justify-content-end">
                        <a href="{{ route('rooms.index') }}" class="btn btn-secondary me-2">Batal</a>
                        <button type="submit" class="btn btn-primary">Simpan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection