@extends('layouts.app')
@section('title', isset($room) ? 'Edit Room' : 'Add Room')
@section('page-title', isset($room) ? 'Edit Room' : 'Add Room')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('hotel.rooms.index') }}">Rooms</a><span>/</span>{{ isset($room) ? 'Edit' : 'Add' }}</div>
        <h1>{{ isset($room) ? 'Edit Room '.$room->room_number : 'Add New Room' }}</h1>
    </div>
</div>
<div style="max-width:500px;">
<div class="card">
    <div class="card-header"><span class="card-title">Room Details</span></div>
    <div class="card-body">
        <form method="POST" action="{{ isset($room) ? route('hotel.rooms.update', $room) : route('hotel.rooms.store') }}">
            @csrf @if(isset($room)) @method('PUT') @endif
            <div class="form-group">
                <label class="form-label">Room Number <span class="required">*</span></label>
                <input type="text" name="room_number" class="form-control @error('room_number') is-invalid @enderror"
                    value="{{ old('room_number', $room->room_number ?? '') }}" placeholder="e.g. 101" required>
                @error('room_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="form-group">
                <label class="form-label">Room Type <span class="required">*</span></label>
                <select name="room_type_id" class="form-control @error('room_type_id') is-invalid @enderror" required>
                    <option value="">— Select type —</option>
                    @foreach($roomTypes as $type)
                        <option value="{{ $type->id }}" {{ old('room_type_id', $room->room_type_id ?? '') == $type->id ? 'selected' : '' }}>
                            {{ $type->name }} — ₦{{ number_format($type->base_price, 0) }}/night
                        </option>
                    @endforeach
                </select>
                @error('room_type_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                @if($roomTypes->isEmpty())
                    <div class="form-text"><a href="{{ route('hotel.room-types.index') }}">Add room types first</a></div>
                @endif
            </div>
            <div class="form-row">
                <div class="form-group">
                    <label class="form-label">Floor</label>
                    <input type="text" name="floor" class="form-control" value="{{ old('floor', $room->floor ?? '') }}" placeholder="e.g. 1">
                </div>
                <div class="form-group">
                    <label class="form-label">Block / Wing</label>
                    <input type="text" name="block" class="form-control" value="{{ old('block', $room->block ?? '') }}" placeholder="e.g. A">
                </div>
            </div>
            <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:8px;">
                <a href="{{ route('hotel.rooms.index') }}" class="btn btn-outline">Cancel</a>
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> {{ isset($room) ? 'Update Room' : 'Add Room' }}</button>
            </div>
        </form>
    </div>
</div>
</div>
@endsection