@extends('admin.layouts.app')
@section('title', $isNew ? 'Add Property' : 'Edit Property')

@section('content')

<form method="POST" action="{{ $isNew ? route('admin.properties.store') : route('admin.properties.update', $property) }}" enctype="multipart/form-data">
    @csrf
    @if(!$isNew) @method('PUT') @endif

    <div class="row g-3">

        <div class="col-lg-8">

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Basic Info</h6>

                <div class="mb-3">
                    <label class="form-label">Title *</label>
                    <input type="text" name="title" class="form-control" value="{{ old('title', $property->title) }}" required>
                </div>

                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Category *</label>
                        <select name="category" class="form-select" required>
                            @foreach(['9m' => '9m+ (Home Design)', '12.5m' => '12.5m+ (Home Design)', '14m' => '14m+ (Home Design)', 'double_storey' => 'Double Storey (Home Design)', 'property' => 'Property (For Sale/Sold)'] as $value => $label)
                            <option value="{{ $value }}" {{ old('category', $property->category) === $value ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Property Type *</label>
                        <input type="text" name="property_type" class="form-control" value="{{ old('property_type', $property->property_type ?: 'House') }}" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Status *</label>
                        <select name="status" class="form-select" required>
                            @foreach(['for_sale' => 'For Sale', 'sold' => 'Sold', 'for_rent' => 'For Rent', 'available' => 'Available'] as $value => $label)
                            <option value="{{ $value }}" {{ old('status', $property->status) === $value ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Location (short, shown on cards)</label>
                        <input type="text" name="location" class="form-control" value="{{ old('location', $property->location) }}" placeholder="e.g. West Flaminggo Road, Las Vegas">
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Full Address (shown on detail page)</label>
                        <input type="text" name="address" class="form-control" value="{{ old('address', $property->address) }}">
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Short Description (card + summary)</label>
                    <textarea name="short_description" class="form-control" rows="2">{{ old('short_description', $property->short_description) }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="4">{{ old('description', $property->description) }}</textarea>
                </div>

                <div class="mb-3">
                    <label class="form-label">Additional Description (shown behind "Read More")</label>
                    <textarea name="additional_description" class="form-control" rows="4">{{ old('additional_description', $property->additional_description) }}</textarea>
                </div>
            </div>

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Specifications</h6>
                <div class="row">
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Bedrooms</label>
                        <input type="number" name="bedrooms" class="form-control" value="{{ old('bedrooms', $property->bedrooms) }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Bathrooms</label>
                        <input type="number" name="bathrooms" class="form-control" value="{{ old('bathrooms', $property->bathrooms) }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Cars / Garage</label>
                        <input type="number" name="cars" class="form-control" value="{{ old('cars', $property->cars) }}">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Lot Width</label>
                        <input type="text" name="lot_width" class="form-control" value="{{ old('lot_width', $property->lot_width) }}" placeholder="e.g. 14.03m">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Area</label>
                        <input type="text" name="area" class="form-control" value="{{ old('area', $property->area) }}" placeholder="e.g. 788m²">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Property Size</label>
                        <input type="text" name="property_size" class="form-control" value="{{ old('property_size', $property->property_size) }}" placeholder="e.g. 1466 Sq Ft">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Garage Size</label>
                        <input type="text" name="garage_size" class="form-control" value="{{ old('garage_size', $property->garage_size) }}" placeholder="e.g. 458 SqFt">
                    </div>
                    <div class="col-md-3 mb-3">
                        <label class="form-label">Year Built</label>
                        <input type="date" name="year_built" class="form-control" value="{{ old('year_built', optional($property->year_built)->format('Y-m-d')) }}">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Property Reference / ID</label>
                        <input type="text" name="property_ref" class="form-control" value="{{ old('property_ref', $property->property_ref) }}" placeholder="e.g. RV151">
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label">Price</label>
                        <input type="number" step="0.01" name="price" class="form-control" value="{{ old('price', $property->price) }}">
                    </div>
                    <div class="col-md-4 mb-3 d-flex align-items-end">
                        <div class="form-check">
                            <input type="checkbox" name="show_price" value="1" class="form-check-input" id="show_price" {{ old('show_price', $property->show_price) ? 'checked' : '' }}>
                            <label class="form-check-label" for="show_price">Show price on frontend</label>
                        </div>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Features (one per line)</label>
                    <textarea name="features_raw" class="form-control" rows="5" placeholder="Air Conditioning&#10;Swimming Pool&#10;Central Heating">{{ old('features_raw', $property->features ? implode("\n", $property->features) : '') }}</textarea>
                </div>
            </div>

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Gallery Images</h6>
                @if(!$isNew && $property->images->count())
                <div class="row g-2 mb-3">
                    @foreach($property->images as $image)
                    <div class="col-auto">
                        <div class="position-relative">
                            <img src="{{ \App\Helpers\ImageHelper::url($image->image) }}" width="100" height="75" style="object-fit:cover;border-radius:4px;">
                            <form method="POST" action="{{ route('admin.property-images.destroy', $image) }}" onsubmit="return confirm('Remove this image?')" class="position-absolute top-0 end-0">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger py-0 px-1" style="font-size:.7rem;">&times;</button>
                            </form>
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
                <label class="form-label">Add Gallery Images</label>
                <input type="file" name="gallery_images[]" class="form-control" multiple accept="image/*">
                <div class="form-text">You can select multiple images at once. They'll be added to the carousel on the property page.</div>
            </div>

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Floor Plans / Elevations</h6>
                <div id="floorPlansContainer">
                    @forelse(($isNew ? [] : $property->floorPlans) as $i => $plan)
                    <div class="border rounded p-2 mb-2">
                        <input type="hidden" name="floor_plans[{{ $i }}][id]" value="{{ $plan->id }}">
                        <div class="row g-2">
                            <div class="col-md-4"><input type="text" name="floor_plans[{{ $i }}][name]" class="form-control form-control-sm" placeholder="Name (e.g. Elevation 1)" value="{{ $plan->name }}"></div>
                            <div class="col-md-3"><input type="text" name="floor_plans[{{ $i }}][size]" class="form-control form-control-sm" placeholder="Size (e.g. 460 Sq Ft)" value="{{ $plan->size }}"></div>
                            <div class="col-md-5"><input type="file" name="floor_plans[{{ $i }}][image]" class="form-control form-control-sm" accept="image/*"></div>
                            <div class="col-12"><textarea name="floor_plans[{{ $i }}][description]" class="form-control form-control-sm mt-1" rows="2" placeholder="Description">{{ $plan->description }}</textarea></div>
                            @if($plan->image)
                            <div class="col-12"><img src="{{ \App\Helpers\ImageHelper::url($plan->image) }}" width="80" class="mt-1 rounded"></div>
                            @endif
                        </div>
                        <form method="POST" action="{{ route('admin.property-floor-plans.destroy', $plan) }}" onsubmit="return confirm('Remove this floor plan?')" class="mt-1">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">Remove</button>
                        </form>
                    </div>
                    @endforelse
                </div>
                <button type="button" class="btn btn-sm btn-outline-secondary" id="addFloorPlanBtn">+ Add Floor Plan</button>
            </div>

        </div>

        <div class="col-lg-4">

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Publish</h6>
                <div class="form-check mb-2">
                    <input type="checkbox" name="is_active" value="1" class="form-check-input" id="is_active" {{ old('is_active', $isNew ? true : $property->is_active) ? 'checked' : '' }}>
                    <label class="form-check-label" for="is_active">Active (visible on site)</label>
                </div>
                <div class="form-check mb-3">
                    <input type="checkbox" name="is_featured" value="1" class="form-check-input" id="is_featured" {{ old('is_featured', $property->is_featured) ? 'checked' : '' }}>
                    <label class="form-check-label" for="is_featured">Featured</label>
                </div>
                <div class="mb-3">
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', $property->sort_order ?? 0) }}">
                </div>
                <button type="submit" class="btn btn-dark w-100">{{ $isNew ? 'Create Property' : 'Update Property' }}</button>
                <a href="{{ route('admin.properties.index') }}" class="btn btn-outline-secondary w-100 mt-2">Cancel</a>
            </div>

            <div class="card p-3 mb-3">
                <h6 class="mb-3">Main Image {{ $isNew ? '*' : '' }}</h6>
                @if(!$isNew && $property->main_image)
                <img src="{{ \App\Helpers\ImageHelper::url($property->main_image) }}" class="img-fluid rounded mb-2">
                @endif
                <input type="file" name="main_image" class="form-control" accept="image/*" {{ $isNew ? 'required' : '' }}>
                <div class="form-text">Used on cards, listing, and as the details page banner.</div>
            </div>

            <div class="card p-3">
                <h6 class="mb-3">SEO for this Property</h6>
                <div class="mb-2">
                    <label class="form-label">Meta Title</label>
                    <input type="text" name="meta_title" class="form-control form-control-sm" value="{{ old('meta_title', optional($property->seo)->meta_title) }}">
                </div>
                <div class="mb-2">
                    <label class="form-label">Meta Description</label>
                    <textarea name="meta_description" class="form-control form-control-sm" rows="2">{{ old('meta_description', optional($property->seo)->meta_description) }}</textarea>
                </div>
                <div class="mb-2">
                    <label class="form-label">Meta Keywords</label>
                    <input type="text" name="meta_keywords" class="form-control form-control-sm" value="{{ old('meta_keywords', optional($property->seo)->meta_keywords) }}">
                </div>
            </div>

        </div>

    </div>
</form>

@push('scripts')
<script>
let floorPlanIndex = {{ $isNew ? 0 : $property->floorPlans->count() }};
document.getElementById('addFloorPlanBtn').addEventListener('click', function () {
    const container = document.getElementById('floorPlansContainer');
    const div = document.createElement('div');
    div.className = 'border rounded p-2 mb-2';
    div.innerHTML = `
        <div class="row g-2">
            <div class="col-md-4"><input type="text" name="floor_plans[${floorPlanIndex}][name]" class="form-control form-control-sm" placeholder="Name (e.g. Elevation 1)"></div>
            <div class="col-md-3"><input type="text" name="floor_plans[${floorPlanIndex}][size]" class="form-control form-control-sm" placeholder="Size (e.g. 460 Sq Ft)"></div>
            <div class="col-md-5"><input type="file" name="floor_plans[${floorPlanIndex}][image]" class="form-control form-control-sm" accept="image/*"></div>
            <div class="col-12"><textarea name="floor_plans[${floorPlanIndex}][description]" class="form-control form-control-sm mt-1" rows="2" placeholder="Description"></textarea></div>
        </div>
    `;
    container.appendChild(div);
    floorPlanIndex++;
});
</script>
@endpush

@endsection