@extends('layouts.admin')

@section('title', 'Create Apartment')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="max-w-3xl mx-auto">
        <h1 class="text-3xl font-bold mb-8" style="color: var(--admin-primary);">Add New Apartment</h1>
        <div class="admin-card">
            <form action="{{ route('admin.apartments.store') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="admin-form-group">
                    <label class="admin-form-label">Apartment Name <span class="required">*</span></label>
                    <input type="text" name="name" class="admin-form-input" required value="{{ old('name') }}" placeholder="e.g., Deluxe Apartment">
                </div>
                <div class="admin-form-group">
                    <label class="admin-form-label">Apartment Number</label>
                    <input type="text" name="room_number" class="admin-form-input" value="{{ old('room_number') }}" placeholder="e.g., A-01">
                </div>
                <div class="admin-form-group">
                    <label class="admin-form-label">Description <span class="required">*</span></label>
                    <textarea name="description" class="admin-form-input admin-form-textarea" rows="4" required>{{ old('description') }}</textarea>
                </div>
                <div class="admin-form-group">
                    <label class="admin-form-label">Price per Night <span class="required">*</span></label>
                    <input type="number" step="0.01" min="0" name="price" class="admin-form-input" required value="{{ old('price') }}">
                </div>
                <div class="admin-form-group">
                    <label class="admin-form-label">Images <span class="required">*</span></label>
                    <input type="file" name="images[]" class="admin-form-input" accept="image/*" multiple required>
                </div>
                <div class="admin-form-group">
                    <label class="admin-form-label">Amenities (optional)</label>
                    <div class="admin-amenities-grid">
                        @php
                            $amenities = ['wifi' => 'WiFi', 'air_conditioning' => 'Air Conditioning', 'tv' => 'TV', 'kitchen' => 'Kitchen', 'bathroom' => 'Bathroom', 'parking' => 'Parking', 'security' => 'Security'];
                        @endphp
                        @foreach($amenities as $key => $label)
                        <label class="admin-amenity-checkbox">
                            <input type="checkbox" name="amenities[]" value="{{ $key }}" {{ old('amenities') && in_array($key, old('amenities')) ? 'checked' : '' }}>
                            <span class="admin-amenity-label">{{ $label }}</span>
                        </label>
                        @endforeach
                    </div>
                </div>
                <div style="display:flex; justify-content:flex-end; gap:1rem;">
                    <a href="{{ route('admin.apartments.index') }}" class="admin-btn admin-btn-secondary">Cancel</a>
                    <button type="submit" class="admin-btn admin-btn-primary"><i class="fas fa-save mr-2"></i>Create Apartment</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection