@extends('admin.layout')

@section('content')
<div class="container">
    <h2 class="mb-4">Edit Property</h2>

    <form action="{{ route('admin.properties.update', $property->id) }}"
          method="POST"
          enctype="multipart/form-data">
        @csrf
        @method('PUT')

        <!-- Property Type -->
        <div class="mb-3">
            <label class="form-label">Property Type</label>
            <select name="property_type_id" class="form-control" required>
                @foreach($propertyTypes as $type)
                    <option value="{{ $type->id }}"
                        {{ $property->property_type_id == $type->id ? 'selected' : '' }}>
                        {{ $type->name }}
                    </option>
                @endforeach
            </select>
        </div>

        <!-- Title -->
        <div class="mb-3">
            <label class="form-label">Property Title</label>
            <input type="text" name="title"
                   value="{{ $property->title }}"
                   class="form-control" required>
        </div>

        <!-- Price -->
        <div class="mb-3">
            <label class="form-label">Price</label>
            <input type="number" name="price"
                   value="{{ $property->price }}"
                   class="form-control" required>
        </div>

        <!-- Location -->
        <div class="mb-3">
            <label class="form-label">Location</label>
            <input type="text" name="location"
                   value="{{ $property->location }}"
                   class="form-control" required>
        </div>

        <!-- Existing Images -->
        @if($property->images)
        <div class="mb-3">
            <label class="form-label">Existing Images 1400*1282</label><br>

            @foreach($property->images as $key => $img)
                <div style="display:inline-block; position:relative; margin:6px;">
                    <img src="{{ asset('uploads/properties/'.$img) }}"
                         width="90" style="border:1px solid #ddd;">

                    <a href="{{ route('admin.properties.image.delete', [$property->id, $key]) }}"
                       onclick="return confirm('Delete this image?')"
                       style="position:absolute; top:0; right:0;
                              background:red; color:#fff;
                              padding:2px 6px; font-size:12px;
                              text-decoration:none;">
                        ✕
                    </a>
                </div>
            @endforeach
        </div>
        @endif

        <!-- Add New Images -->
        <div class="mb-3">
            <label class="form-label">Add More Images</label>
            <input type="file" name="images[]" class="form-control" multiple>
        </div>

        <!-- Description -->
        <div class="mb-3">
            <label class="form-label">Description</label>
            <textarea name="description" class="form-control summernote">
                {{ $property->description }}
            </textarea>
        </div>

        <!-- Status -->
        <div class="mb-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-control">
                <option value="1" {{ $property->status == 1 ? 'selected' : '' }}>Active</option>
                <option value="0" {{ $property->status == 0 ? 'selected' : '' }}>Inactive</option>
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Update Property</button>
        <a href="{{ route('admin.properties.index') }}" class="btn btn-secondary">Back</a>
    </form>
</div>
@endsection