@csrf
@if(($method ?? 'POST') !== 'POST')
    @method($method)
@endif

<div class="row g-3">
    <div class="col-md-8">
        <label class="form-label">Title</label>
        <input name="title" class="form-control @error('title') is-invalid @enderror" value="{{ old('title', $property->title ?? '') }}" required>
        @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="col-md-4">
        <label class="form-label">Status</label>
        <select name="status" class="form-select">
            <option value="pending" @selected(old('status', $property->status ?? 'pending') === 'pending')>Submit for Review</option>
            <option value="draft" @selected(old('status', $property->status ?? '') === 'draft')>Save Draft</option>
        </select>
    </div>
    @if(($canUseFeatured ?? false) || ($property->is_featured ?? false))
        <div class="col-12">
            <label class="form-check">
                <input type="checkbox" class="form-check-input" name="is_featured" value="1" @checked(old('is_featured', $property->is_featured ?? false))>
                <span class="form-check-label">Use a featured listing slot for this property</span>
            </label>
            <div class="form-text">
                Current plan: {{ $activePlan?->featured_listing_limit_label }} featured listings.
            </div>
        </div>
    @endif
    <div class="col-md-4">
        <label class="form-label">Purpose</label>
        <select name="purpose" class="form-select" required>
            @foreach(['sale' => 'Sale', 'rent' => 'Rent', 'lease' => 'Lease'] as $value => $label)
                <option value="{{ $value }}" @selected(old('purpose', $property->purpose ?? 'sale') === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Type</label>
        <select name="property_type_id" class="form-select" required>
            @foreach($types as $id => $name)
                <option value="{{ $id }}" @selected((string) old('property_type_id', $property->property_type_id ?? '') === (string) $id)>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Category</label>
        <select name="property_category_id" class="form-select" required>
            @foreach($categories as $id => $name)
                <option value="{{ $id }}" @selected((string) old('property_category_id', $property->property_category_id ?? '') === (string) $id)>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Price</label>
        <input type="number" name="price" class="form-control" value="{{ old('price', $property->price ?? 0) }}" min="0" step="0.01" required>
    </div>
    <div class="col-md-4">
        <label class="form-label">Price Period</label>
        <select name="price_period" class="form-select">
            @foreach(['one_time' => 'One Time', 'monthly' => 'Monthly', 'yearly' => 'Yearly'] as $value => $label)
                <option value="{{ $value }}" @selected(old('price_period', $property->price_period ?? 'one_time') === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Parking Spaces</label>
        <input type="number" name="parking_spaces" class="form-control" value="{{ old('parking_spaces', $property->parking_spaces ?? '') }}" min="0">
    </div>
    <div class="col-md-4">
        <label class="form-label">District</label>
        <select name="district_id" class="form-select" required>
            @foreach($districts as $id => $name)
                <option value="{{ $id }}" @selected((string) old('district_id', $property->district_id ?? '') === (string) $id)>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">City</label>
        <select name="city_id" class="form-select" required>
            @foreach($cities as $id => $name)
                <option value="{{ $id }}" @selected((string) old('city_id', $property->city_id ?? '') === (string) $id)>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Area</label>
        <select name="area_id" class="form-select">
            <option value="">Select Area</option>
            @foreach($areas as $id => $name)
                <option value="{{ $id }}" @selected((string) old('area_id', $property->area_id ?? '') === (string) $id)>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-12">
        <label class="form-label">Address</label>
        <input name="address" class="form-control" value="{{ old('address', $property->address ?? '') }}">
    </div>
    <div class="col-md-3">
        <label class="form-label">Bedrooms</label>
        <input type="number" name="bedrooms" class="form-control" value="{{ old('bedrooms', $property->bedrooms ?? '') }}" min="0">
    </div>
    <div class="col-md-3">
        <label class="form-label">Bathrooms</label>
        <input type="number" name="bathrooms" class="form-control" value="{{ old('bathrooms', $property->bathrooms ?? '') }}" min="0">
    </div>
    <div class="col-md-3">
        <label class="form-label">Built Area Sqft</label>
        <input type="number" name="built_area_sqft" class="form-control" value="{{ old('built_area_sqft', $property->built_area_sqft ?? '') }}" min="0" step="0.01">
    </div>
    <div class="col-md-3">
        <label class="form-label">Land Area Cent</label>
        <input type="number" name="land_area_cent" class="form-control" value="{{ old('land_area_cent', $property->land_area_cent ?? '') }}" min="0" step="0.01">
    </div>
    <div class="col-md-4">
        <label class="form-label">Furnishing</label>
        <select name="furnishing" class="form-select">
            <option value="">Select</option>
            @foreach(['unfurnished' => 'Unfurnished', 'semi_furnished' => 'Semi Furnished', 'fully_furnished' => 'Fully Furnished'] as $value => $label)
                <option value="{{ $value }}" @selected(old('furnishing', $property->furnishing ?? '') === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-4">
        <label class="form-label">Floors</label>
        <input type="number" name="floors" class="form-control" value="{{ old('floors', $property->floors ?? '') }}" min="0">
    </div>
    <div class="col-md-4">
        <label class="form-label">Facing</label>
        <input name="facing" class="form-control" value="{{ old('facing', $property->facing ?? '') }}">
    </div>
    <div class="col-md-6">
        <label class="form-label">Video URL</label>
        <input type="url" name="video_url" class="form-control" value="{{ old('video_url', $property->video_url ?? '') }}">
    </div>
    <div class="col-md-6">
        <label class="form-label">360 Tour URL</label>
        <input type="url" name="tour_360_url" class="form-control" value="{{ old('tour_360_url', $property->tour_360_url ?? '') }}">
    </div>
    <div class="col-12">
        <label class="form-label">Amenities</label>
        @php($selectedAmenities = old('amenities', isset($property) ? $property->amenities->pluck('id')->all() : []))
        <select name="amenities[]" class="form-select" multiple size="6">
            @foreach($amenities as $id => $name)
                <option value="{{ $id }}" @selected(in_array((string) $id, array_map('strval', (array) $selectedAmenities), true))>{{ $name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-12">
        <label class="form-label">Description</label>
        <textarea name="description" class="form-control" rows="6">{{ old('description', $property->description ?? '') }}</textarea>
    </div>
    <div class="col-12">
        <label class="form-label">Gallery</label>
        <input type="file" name="gallery[]" class="form-control" multiple accept="image/*">
    </div>
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    <a class="btn btn-outline-secondary" href="{{ route('agent.properties.index') }}">Cancel</a>
    <button class="btn btn-primary">Save Property</button>
</div>