@extends('adminlte::page')

@section('title', 'Edit Room')

@section('content_header')
    <h1>Edit Room</h1>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">
            <form action="{{ route('rooms.update', $room->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    <!-- Property Dropdown -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="id_property">Property</label>
                            <select name="id_property" id="id_property" class="form-control">
                                <option value="">-- Select Property --</option>
                                @foreach($properties as $property)
                                    <option value="{{ $property->id }}" 
                                        @if($room->id_property == $property->id) selected @endif>
                                        {{ $property->property_name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('id_property')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Room Name Input -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="room_name">Room Name</label>
                            <input type="text" name="room_name" id="room_name" class="form-control" value="{{ old('room_name', $room->room_name) }}" required>
                            @error('room_name')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Price Input -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="price">Price</label>
                            <input type="number" name="price" id="price" class="form-control" value="{{ old('price', $room->price) }}" required>
                            @error('price')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Building Area -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="luas_bangunan">Building Area</label>
                            <input type="number" name="luas_bangunan" id="luas_bangunan" class="form-control" value="{{ old('luas_bangunan', $room->luas_bangunan) }}" required>
                            @error('luas_bangunan')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Description -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea name="description" id="description" class="form-control">{{ old('description', $room->description) }}</textarea>
                            @error('description')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Bathroom -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="bathroom">Bathroom</label>
                            <input type="number" name="bathroom" id="bathroom" class="form-control" value="{{ old('bathroom', $room->bathroom) }}" required>
                            @error('bathroom')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Bedrooms -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="bedrooms">Bedrooms</label>
                            <input type="number" name="bedrooms" id="bedrooms" class="form-control" value="{{ old('bedrooms', $room->bedrooms) }}" required>
                            @error('bedrooms')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Available Room -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="available_room">Available Rooms</label>
                            <input type="number" name="available_room" id="available_room" class="form-control" value="{{ old('available_room', $room->available_room) }}" required>
                            @error('available_room')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Floor -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="floor">Floor</label>
                            <input type="number" name="floor" id="floor" class="form-control" value="{{ old('floor', $room->floor) }}" required>
                            @error('floor')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Type of Bed -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="type_bed">Type of Bed</label>
                            <input type="text" name="type_bed" id="type_bed" class="form-control" value="{{ old('type_bed', $room->type_bed) }}" required>
                            @error('type_bed')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Window -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="window">Window</label>
                            <select name="window" id="window" class="form-control">
                                <option value="Internal Window">Internal Window</option>
                                <option value="External Window">External Window</option>
                            </select>
                            @error('window')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Smart TV Dropdown -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="smart_tv">Smart TV</label>
                            <select name="smart_tv" id="smart_tv" class="form-control">
                                <option value="1" @if($room->smart_tv == 1) selected @endif>Yes</option>
                                <option value="0" @if($room->smart_tv == 0) selected @endif>No</option>
                            </select>
                            @error('smart_tv')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <!-- Bathroom Position Dropdown -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="bathroom_position">Bathroom Position</label>
                            <select name="bathroom_position" id="bathroom_position" class="form-control">
                                <option value="Private Bathroom" @if($room->bathroom_position == 'Private Bathroom') selected @endif>Private Bathroom</option>
                                <option value="External Bathroom" @if($room->bathroom_position == 'External Bathroom') selected @endif>External Bathroom</option>
                            </select>
                            @error('bathroom_position')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <!-- Submit and Cancel Buttons -->
                <div class="form-group">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> Update</button>
                    <a href="{{ route('rooms.index') }}" class="btn btn-secondary"><i class="fas fa-undo"></i> Cancel</a>
                </div>
            </form>
        </div>
    </div>
@endsection