@extends('layouts.admin')

@section('title', 'Editar Propiedad')

@push('styles')
<style>
    .form-section {
        background: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
    }
    .form-section h4 {
        border-bottom: 2px solid #007bff;
        padding-bottom: 10px;
        margin-bottom: 20px;
        color: #333;
    }
    .checkbox-group {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 10px;
    }
    .checkbox-item {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .checkbox-item input[type="checkbox"] {
        width: 18px;
        height: 18px;
    }
    .sub-group {
        margin-left: 26px;
        margin-top: 5px;
    }
    .required::after {
        content: " *";
        color: #dc3545;
    }
    /* Photo preview */
    .photo-preview-item {
        position: relative;
        width: 120px;
        height: 120px;
        border-radius: 8px;
        overflow: hidden;
        border: 2px solid #dee2e6;
    }
    .photo-preview-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .photo-preview-item .remove-photo {
        position: absolute;
        top: 5px;
        right: 5px;
        background: rgba(220, 53, 69, 0.9);
        color: white;
        border: none;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 12px;
    }
    .photo-preview-item.primary {
        border-color: #007bff;
        border-width: 3px;
    }
    .photo-preview-item .primary-badge {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 123, 255, 0.85);
        color: white;
        text-align: center;
        font-size: 10px;
        padding: 2px;
    }
</style>
@endpush

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">
                    <i class="fas fa-edit"></i> Editar Propiedad #{{ $property->id }}
                </h3>
                <div class="card-tools">
                    <a href="{{ route($routePrefix . 'properties.show', $property) }}" class="btn btn-info btn-sm">
                        <i class="fas fa-eye"></i> Ver Detalle
                    </a>
                    <a href="{{ route($routePrefix . 'properties.index') }}" class="btn btn-default btn-sm">
                        <i class="fas fa-arrow-left"></i> Volver
                    </a>
                </div>
            </div>

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

                    {{-- Seleccionar Agencia/Agente si es admin --}}
                    @if(auth()->user()->hasRole('admin'))
                    <div class="form-section">
                        <h4><i class="fas fa-building"></i> Asignación</h4>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">Agencia</label>
                                    <select name="agency_id" class="form-control @error('agency_id') is-invalid @enderror" required>
                                        <option value="">Seleccione una agencia</option>
                                        @foreach($agencies as $agency)
                                            <option value="{{ $agency->id }}" {{ old('agency_id', $property->agency_id) == $agency->id ? 'selected' : '' }}>
                                                {{ $agency->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('agency_id')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Asignar a Agente (opcional)</label>
                                    <select name="agent_id" class="form-control @error('agent_id') is-invalid @enderror" id="agentSelect">
                                        <option value="">Sin asignar</option>
                                        @foreach($agents as $agent)
                                            <option value="{{ $agent->id }}" {{ old('agent_id', $property->agent_id) == $agent->id ? 'selected' : '' }}>
                                                {{ $agent->full_name }} - {{ $agent->license_number }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('agent_id')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    {{-- Si es agencia, mostrar selector de agente --}}
                    @if(auth()->user()->hasRole('agency_admin') && $agents->count() > 0)
                    <div class="form-section">
                        <h4><i class="fas fa-user-tie"></i> Asignar Agente</h4>
                        <div class="form-group">
                            <label>Asignar a Agente (opcional)</label>
                            <select name="agent_id" class="form-control @error('agent_id') is-invalid @enderror">
                                <option value="">Sin asignar</option>
                                @foreach($agents as $agent)
                                    <option value="{{ $agent->id }}" {{ old('agent_id', $property->agent_id) == $agent->id ? 'selected' : '' }}>
                                        {{ $agent->full_name }} - {{ $agent->license_number }}
                                    </option>
                                @endforeach
                            </select>
                            @error('agent_id')<span class="invalid-feedback">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    @endif

                    {{-- ========== 1. DATOS DEL PROPIETARIO ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-user"></i> 1. Datos del Propietario (o Apoderado)</h4>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">Nombre y Apellido</label>
                                    <input type="text" name="owner_name" class="form-control @error('owner_name') is-invalid @enderror"
                                           value="{{ old('owner_name', $property->owner_name) }}" required>
                                    @error('owner_name')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="required">Cédula de Identidad / RIF</label>
                                    <input type="text" name="owner_id_number" class="form-control @error('owner_id_number') is-invalid @enderror"
                                           value="{{ old('owner_id_number', $property->owner_id_number) }}" required>
                                    @error('owner_id_number')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Estado Civil</label>
                                    <select name="owner_marital_status" class="form-control @error('owner_marital_status') is-invalid @enderror" required>
                                        <option value="">Seleccione</option>
                                        <option value="soltero" {{ old('owner_marital_status', $property->owner_marital_status) == 'soltero' ? 'selected' : '' }}>Soltero</option>
                                        <option value="casado" {{ old('owner_marital_status', $property->owner_marital_status) == 'casado' ? 'selected' : '' }}>Casado</option>
                                        <option value="divorciado" {{ old('owner_marital_status', $property->owner_marital_status) == 'divorciado' ? 'selected' : '' }}>Divorciado</option>
                                        <option value="viudo" {{ old('owner_marital_status', $property->owner_marital_status) == 'viudo' ? 'selected' : '' }}>Viudo</option>
                                    </select>
                                    @error('owner_marital_status')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Teléfono de contacto</label>
                                    <input type="text" name="owner_phone" class="form-control @error('owner_phone') is-invalid @enderror"
                                           value="{{ old('owner_phone', $property->owner_phone) }}" required>
                                    @error('owner_phone')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Correo electrónico</label>
                                    <input type="email" name="owner_email" class="form-control @error('owner_email') is-invalid @enderror"
                                           value="{{ old('owner_email', $property->owner_email) }}">
                                    @error('owner_email')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>¿El propietario se encuentra en Venezuela?</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="owner_in_venezuela" id="ownerInVenYes" value="1"
                                                   {{ old('owner_in_venezuela', $property->owner_in_venezuela) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="ownerInVenYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="owner_in_venezuela" id="ownerInVenNo" value="0"
                                                   {{ old('owner_in_venezuela', $property->owner_in_venezuela) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="ownerInVenNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>¿Existe un Poder Registrado y apostillado?</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_power_of_attorney" id="powerYes" value="1"
                                                   {{ old('has_power_of_attorney', $property->has_power_of_attorney) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="powerYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_power_of_attorney" id="powerNo" value="0"
                                                   {{ old('has_power_of_attorney', $property->has_power_of_attorney) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="powerNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 2. DATOS BÁSICOS DEL INMUEBLE ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-home"></i> 2. Datos Básicos del Inmueble</h4>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Tipo de Inmueble</label>
                                    <select name="property_type" class="form-control @error('property_type') is-invalid @enderror" required>
                                        <option value="">Seleccione</option>
                                        <option value="casa" {{ old('property_type', $property->property_type) == 'casa' ? 'selected' : '' }}>Casa</option>
                                        <option value="apartamento" {{ old('property_type', $property->property_type) == 'apartamento' ? 'selected' : '' }}>Apartamento</option>
                                        <option value="townhouse" {{ old('property_type', $property->property_type) == 'townhouse' ? 'selected' : '' }}>Townhouse</option>
                                        <option value="local" {{ old('property_type', $property->property_type) == 'local' ? 'selected' : '' }}>Local Comercial</option>
                                        <option value="terreno" {{ old('property_type', $property->property_type) == 'terreno' ? 'selected' : '' }}>Terreno</option>
                                    </select>
                                    @error('property_type')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Ciudad/Municipio</label>
                                    <input type="text" name="city" class="form-control @error('city') is-invalid @enderror"
                                           value="{{ old('city', $property->city) }}" required>
                                    @error('city')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Urbanización</label>
                                    <input type="text" name="urbanization" class="form-control @error('urbanization') is-invalid @enderror"
                                           value="{{ old('urbanization', $property->urbanization) }}">
                                    @error('urbanization')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Calle/Avenida</label>
                                    <input type="text" name="street_address" class="form-control @error('street_address') is-invalid @enderror"
                                           value="{{ old('street_address', $property->street_address) }}">
                                    @error('street_address')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Edificio/Conjunto</label>
                                    <input type="text" name="building_name" class="form-control @error('building_name') is-invalid @enderror"
                                           value="{{ old('building_name', $property->building_name) }}">
                                    @error('building_name')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Piso</label>
                                    <input type="text" name="floor_number" class="form-control @error('floor_number') is-invalid @enderror"
                                           value="{{ old('floor_number', $property->floor_number) }}">
                                    @error('floor_number')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>N° Casa/Apto</label>
                                    <input type="text" name="house_apartment_number" class="form-control @error('house_apartment_number') is-invalid @enderror"
                                           value="{{ old('house_apartment_number', $property->house_apartment_number) }}">
                                    @error('house_apartment_number')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Área de Terreno (m²)</label>
                                    <input type="number" step="0.01" name="land_area" class="form-control @error('land_area') is-invalid @enderror"
                                           value="{{ old('land_area', $property->land_area) }}">
                                    @error('land_area')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Área de Construcción (m²)</label>
                                    <input type="number" step="0.01" name="construction_area" class="form-control @error('construction_area') is-invalid @enderror"
                                           value="{{ old('construction_area', $property->construction_area) }}">
                                    @error('construction_area')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Antigüedad aproximada (años)</label>
                                    <input type="number" name="antiquity_years" class="form-control @error('antiquity_years') is-invalid @enderror"
                                           value="{{ old('antiquity_years', $property->antiquity_years) }}">
                                    @error('antiquity_years')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>Estado</label>
                                    <select name="status" class="form-control @error('status') is-invalid @enderror">
                                        <option value="disponible" {{ old('status', $property->status) == 'disponible' ? 'selected' : '' }}>Disponible</option>
                                        <option value="reservada" {{ old('status', $property->status) == 'reservada' ? 'selected' : '' }}>Reservada</option>
                                        <option value="vendida" {{ old('status', $property->status) == 'vendida' ? 'selected' : '' }}>Vendida</option>
                                        <option value="alquilada" {{ old('status', $property->status) == 'alquilada' ? 'selected' : '' }}>Alquilada</option>
                                        <option value="inactiva" {{ old('status', $property->status) == 'inactiva' ? 'selected' : '' }}>Inactiva</option>
                                    </select>
                                    @error('status')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-1 d-flex align-items-end">
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input type="hidden" name="show_on_platform" value="0">
                                        <input type="checkbox" class="custom-control-input" id="showOnPlatform" name="show_on_platform" value="1"
                                               {{ old('show_on_platform', $property->show_on_platform) ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="showOnPlatform" title="Mostrar en plataforma pública">
                                            <i class="fas fa-globe"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 3. DISTRIBUCIÓN ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-th-large"></i> 3. Distribución</h4>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Habitaciones Totales</label>
                                    <input type="number" min="0" name="rooms_total" class="form-control @error('rooms_total') is-invalid @enderror"
                                           value="{{ old('rooms_total', $property->rooms_total) }}">
                                    @error('rooms_total')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Hab. Principales</label>
                                    <input type="number" min="0" name="rooms_main" class="form-control @error('rooms_main') is-invalid @enderror"
                                           value="{{ old('rooms_main', $property->rooms_main) }}">
                                    @error('rooms_main')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Hab. Auxiliares</label>
                                    <input type="number" min="0" name="rooms_auxiliary" class="form-control @error('rooms_auxiliary') is-invalid @enderror"
                                           value="{{ old('rooms_auxiliary', $property->rooms_auxiliary) }}">
                                    @error('rooms_auxiliary')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Hab. de Servicio</label>
                                    <input type="number" min="0" name="rooms_service" class="form-control @error('rooms_service') is-invalid @enderror"
                                           value="{{ old('rooms_service', $property->rooms_service) }}">
                                    @error('rooms_service')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Baños Totales</label>
                                    <input type="number" min="0" name="bathrooms_total" class="form-control @error('bathrooms_total') is-invalid @enderror"
                                           value="{{ old('bathrooms_total', $property->bathrooms_total) }}">
                                    @error('bathrooms_total')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Baños Completos</label>
                                    <input type="number" min="0" name="bathrooms_full" class="form-control @error('bathrooms_full') is-invalid @enderror"
                                           value="{{ old('bathrooms_full', $property->bathrooms_full) }}">
                                    @error('bathrooms_full')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Medios Baños</label>
                                    <input type="number" min="0" name="bathrooms_half" class="form-control @error('bathrooms_half') is-invalid @enderror"
                                           value="{{ old('bathrooms_half', $property->bathrooms_half) }}">
                                    @error('bathrooms_half')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Estacionamientos</label>
                                    <input type="number" min="0" name="parking_spaces" class="form-control @error('parking_spaces') is-invalid @enderror"
                                           value="{{ old('parking_spaces', $property->parking_spaces) }}">
                                    @error('parking_spaces')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Estacionamiento Cubierto</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="parking_covered" id="parkCoveredYes" value="1"
                                                   {{ old('parking_covered', $property->parking_covered) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="parkCoveredYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="parking_covered" id="parkCoveredNo" value="0"
                                                   {{ old('parking_covered', $property->parking_covered) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="parkCoveredNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Estacionamiento Descubierto</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="parking_uncovered" id="parkUncoveredYes" value="1"
                                                   {{ old('parking_uncovered', $property->parking_uncovered) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="parkUncoveredYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="parking_uncovered" id="parkUncoveredNo" value="0"
                                                   {{ old('parking_uncovered', $property->parking_uncovered) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="parkUncoveredNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>¿Tiene Cuarto de Depósito?</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_storage_room" id="storageYes" value="1"
                                                   {{ old('has_storage_room', $property->has_storage_room) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="storageYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_storage_room" id="storageNo" value="0"
                                                   {{ old('has_storage_room', $property->has_storage_room) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="storageNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 4. SERVICIOS Y AMENIDADES ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-concierge-bell"></i> 4. Servicios y Amenidades</h4>

                        <h5>Agua</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Pozo Profundo</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_deep_well" id="wellYes" value="1"
                                                   {{ old('has_deep_well', $property->has_deep_well) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="wellYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_deep_well" id="wellNo" value="0"
                                                   {{ old('has_deep_well', $property->has_deep_well) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="wellNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Capacidad Tanque Aéreo (litros)</label>
                                    <input type="number" name="aerial_tank_capacity" class="form-control @error('aerial_tank_capacity') is-invalid @enderror"
                                           value="{{ old('aerial_tank_capacity', $property->aerial_tank_capacity) }}">
                                    @error('aerial_tank_capacity')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Capacidad Tanque Subterráneo (litros)</label>
                                    <input type="number" name="underground_tank_capacity" class="form-control @error('underground_tank_capacity') is-invalid @enderror"
                                           value="{{ old('underground_tank_capacity', $property->underground_tank_capacity) }}">
                                    @error('underground_tank_capacity')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Hidroneumático</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_hydroniumatic" id="hydroYes" value="1"
                                                   {{ old('has_hydroniumatic', $property->has_hydroniumatic) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="hydroYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_hydroniumatic" id="hydroNo" value="0"
                                                   {{ old('has_hydroniumatic', $property->has_hydroniumatic) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="hydroNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Frecuencia Servicio de Agua</label>
                                    <input type="text" name="water_service_frequency" class="form-control @error('water_service_frequency') is-invalid @enderror"
                                           value="{{ old('water_service_frequency', $property->water_service_frequency) }}"
                                           placeholder="Ej: Diaria, Interdiaria, 3 veces por semana">
                                    @error('water_service_frequency')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <h5 class="mt-3">Electricidad</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Planta Eléctrica</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_generator" id="genYes" value="1"
                                                   {{ old('has_generator', $property->has_generator) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="genYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_generator" id="genNo" value="0"
                                                   {{ old('has_generator', $property->has_generator) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="genNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Cobertura de Planta</label>
                                    <select name="generator_coverage" class="form-control @error('generator_coverage') is-invalid @enderror">
                                        <option value="">Seleccione</option>
                                        <option value="total" {{ old('generator_coverage', $property->generator_coverage) == 'total' ? 'selected' : '' }}>Total</option>
                                        <option value="common_areas" {{ old('generator_coverage', $property->generator_coverage) == 'common_areas' ? 'selected' : '' }}>Áreas Comunes</option>
                                        <option value="partial" {{ old('generator_coverage', $property->generator_coverage) == 'partial' ? 'selected' : '' }}>Parcial</option>
                                    </select>
                                    @error('generator_coverage')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Voltaje</label>
                                    <select name="voltage" class="form-control @error('voltage') is-invalid @enderror">
                                        <option value="">Seleccione</option>
                                        <option value="110v" {{ old('voltage', $property->voltage) == '110v' ? 'selected' : '' }}>110V</option>
                                        <option value="220v" {{ old('voltage', $property->voltage) == '220v' ? 'selected' : '' }}>220V</option>
                                        <option value="both" {{ old('voltage', $property->voltage) == 'both' ? 'selected' : '' }}>Ambos</option>
                                    </select>
                                    @error('voltage')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <h5 class="mt-3">Conectividad y TV</h5>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Tipo de Internet</label>
                                    <select name="internet_type" class="form-control @error('internet_type') is-invalid @enderror">
                                        <option value="">Seleccione</option>
                                        <option value="fiber_optic" {{ old('internet_type', $property->internet_type) == 'fiber_optic' ? 'selected' : '' }}>Fibra Óptica</option>
                                        <option value="aba_cantv" {{ old('internet_type', $property->internet_type) == 'aba_cantv' ? 'selected' : '' }}>ABA/Cantv</option>
                                        <option value="none" {{ old('internet_type', $property->internet_type) == 'none' ? 'selected' : '' }}>Ninguno</option>
                                    </select>
                                    @error('internet_type')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Proveedor de Internet</label>
                                    <input type="text" name="internet_provider" class="form-control @error('internet_provider') is-invalid @enderror"
                                           value="{{ old('internet_provider', $property->internet_provider) }}">
                                    @error('internet_provider')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>TV por Cable</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_cable_tv" id="cableTvYes" value="1"
                                                   {{ old('has_cable_tv', $property->has_cable_tv) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="cableTvYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_cable_tv" id="cableTvNo" value="0"
                                                   {{ old('has_cable_tv', $property->has_cable_tv) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="cableTvNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>TV Satelital</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_satellite_tv" id="satTvYes" value="1"
                                                   {{ old('has_satellite_tv', $property->has_satellite_tv) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="satTvYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="has_satellite_tv" id="satTvNo" value="0"
                                                   {{ old('has_satellite_tv', $property->has_satellite_tv) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="satTvNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-2">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Proveedor TV Satelital</label>
                                    <input type="text" name="satellite_tv_provider" class="form-control @error('satellite_tv_provider') is-invalid @enderror"
                                           value="{{ old('satellite_tv_provider', $property->satellite_tv_provider) }}">
                                    @error('satellite_tv_provider')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Tipo de Gas</label>
                                    <select name="gas_type" class="form-control @error('gas_type') is-invalid @enderror">
                                        <option value="">Seleccione</option>
                                        <option value="direct" {{ old('gas_type', $property->gas_type) == 'direct' ? 'selected' : '' }}>Directo</option>
                                        <option value="cylinder" {{ old('gas_type', $property->gas_type) == 'cylinder' ? 'selected' : '' }}>Cilindro/Bombona</option>
                                    </select>
                                    @error('gas_type')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <h5 class="mt-3">Seguridad y Amenidades</h5>
                        <div class="checkbox-group">
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_24h_security" id="security" value="1"
                                       {{ old('has_24h_security', $property->has_24h_security) == 1 ? 'checked' : '' }}>
                                <label for="security">Seguridad 24h</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_electric_fence" id="fence" value="1"
                                       {{ old('has_electric_fence', $property->has_electric_fence) == 1 ? 'checked' : '' }}>
                                <label for="fence">Cerca Eléctrica</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_pool" id="pool" value="1"
                                       {{ old('has_pool', $property->has_pool) == 1 ? 'checked' : '' }}>
                                <label for="pool">Piscina</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_barbecue_area" id="bbq" value="1"
                                       {{ old('has_barbecue_area', $property->has_barbecue_area) == 1 ? 'checked' : '' }}>
                                <label for="bbq">Área de BBQ</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_playground" id="playground" value="1"
                                       {{ old('has_playground', $property->has_playground) == 1 ? 'checked' : '' }}>
                                <label for="playground">Área de Juegos</label>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 5. ESTATUS LEGAL ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-gavel"></i> 5. Estatus Legal</h4>

                        <div class="checkbox-group">
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_property_document" id="propDoc" value="1"
                                       {{ old('has_property_document', $property->has_property_document) == 1 ? 'checked' : '' }}>
                                <label for="propDoc">Documento de Propiedad</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_cadastral_certificate" id="cadastral" value="1"
                                       {{ old('has_cadastral_certificate', $property->has_cadastral_certificate) == 1 ? 'checked' : '' }}>
                                <label for="cadastral">Certificado Catastral</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="cadastral_in_owner_name" id="cadastralOwner" value="1"
                                       {{ old('cadastral_in_owner_name', $property->cadastral_in_owner_name) == 1 ? 'checked' : '' }}>
                                <label for="cadastralOwner">Catastro a nombre del propietario</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_municipal_solvency" id="municipal" value="1"
                                       {{ old('has_municipal_solvency', $property->has_municipal_solvency) == 1 ? 'checked' : '' }}>
                                <label for="municipal">Solvencia Municipal</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_seniat_certificate" id="seniat" value="1"
                                       {{ old('has_seniat_certificate', $property->has_seniat_certificate) == 1 ? 'checked' : '' }}>
                                <label for="seniat">Certificado SENIAT</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_utilities_solvency" id="utilities" value="1"
                                       {{ old('has_utilities_solvency', $property->has_utilities_solvency) == 1 ? 'checked' : '' }}>
                                <label for="utilities">Solvencia Servicios Públicos</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="has_condo_solvency" id="condo" value="1"
                                       {{ old('has_condo_solvency', $property->has_condo_solvency) == 1 ? 'checked' : '' }}>
                                <label for="condo">Solvencia Condominio</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="is_mortgage_free" id="mortgageFree" value="1"
                                       {{ old('is_mortgage_free', $property->is_mortgage_free) == 1 ? 'checked' : '' }}>
                                <label for="mortgageFree">Libre de Hipoteca</label>
                            </div>
                            <div class="checkbox-item">
                                <input type="checkbox" name="needs_mortgage_release" id="mortgageRelease" value="1"
                                       {{ old('needs_mortgage_release', $property->needs_mortgage_release) == 1 ? 'checked' : '' }}>
                                <label for="mortgageRelease">Requiere Liberación de Hipoteca</label>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 6. CONDICIONES COMERCIALES ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-dollar-sign"></i> 6. Condiciones Comerciales</h4>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Tipo de Operación</label>
                                    <select name="operation_type" class="form-control @error('operation_type') is-invalid @enderror" required>
                                        <option value="">Seleccione</option>
                                        <option value="venta" {{ old('operation_type', $property->operation_type) == 'venta' ? 'selected' : '' }}>Venta</option>
                                        <option value="alquiler" {{ old('operation_type', $property->operation_type) == 'alquiler' ? 'selected' : '' }}>Alquiler</option>
                                    </select>
                                    @error('operation_type')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Precio</label>
                                    <input type="number" step="0.01" name="price" class="form-control @error('price') is-invalid @enderror"
                                           value="{{ old('price', $property->price) }}" required>
                                    @error('price')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Precio Negociable</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="price_negotiable" id="priceNegYes" value="1"
                                                   {{ old('price_negotiable', $property->price_negotiable) == 1 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="priceNegYes">Sí</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="price_negotiable" id="priceNegNo" value="0"
                                                   {{ old('price_negotiable', $property->price_negotiable) === '0' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="priceNegNo">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Métodos de Pago</label>
                                    <input type="text" name="payment_methods" class="form-control @error('payment_methods') is-invalid @enderror"
                                           value="{{ old('payment_methods', $property->payment_methods) }}"
                                           placeholder="Ej: Pago móvil, Transferencia, Efectivo">
                                    @error('payment_methods')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Comisión (%)</label>
                                    <input type="number" step="0.01" min="0" max="100" name="commission_percentage"
                                           class="form-control @error('commission_percentage') is-invalid @enderror"
                                           value="{{ old('commission_percentage', $property->commission_percentage) }}">
                                    @error('commission_percentage')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label class="required">Tipo de Captación</label>
                                    <select name="capture_type" class="form-control @error('capture_type') is-invalid @enderror" required>
                                        <option value="">Seleccione</option>
                                        <option value="exclusiva" {{ old('capture_type', $property->capture_type) == 'exclusiva' ? 'selected' : '' }}>Exclusiva</option>
                                        <option value="abierta" {{ old('capture_type', $property->capture_type) == 'abierta' ? 'selected' : '' }}>Abierta</option>
                                    </select>
                                    @error('capture_type')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 7. INVENTARIO Y OBSERVACIONES ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-boxes"></i> 7. Inventario y Observaciones</h4>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Estado de Mobiliario</label>
                                    <select name="furnished_status" class="form-control @error('furnished_status') is-invalid @enderror">
                                        <option value="">Seleccione</option>
                                        <option value="unfurnished" {{ old('furnished_status', $property->furnished_status) == 'unfurnished' ? 'selected' : '' }}>Sin Mobiliar</option>
                                        <option value="fully_furnished" {{ old('furnished_status', $property->furnished_status) == 'fully_furnished' ? 'selected' : '' }}>Totalmente Amoblado</option>
                                        <option value="partially_furnished" {{ old('furnished_status', $property->furnished_status) == 'partially_furnished' ? 'selected' : '' }}>Parcialmente Amoblado</option>
                                        <option value="grey_work" {{ old('furnished_status', $property->furnished_status) == 'grey_work' ? 'selected' : '' }}>Obra Gris</option>
                                    </select>
                                    @error('furnished_status')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Detalles de Inventario</label>
                                    <textarea name="inventory_details" class="form-control @error('inventory_details') is-invalid @enderror"
                                              rows="3">{{ old('inventory_details', $property->inventory_details) }}</textarea>
                                    @error('inventory_details')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Detalles de Reparaciones Necesarias</label>
                                    <textarea name="repair_details" class="form-control @error('repair_details') is-invalid @enderror"
                                              rows="3">{{ old('repair_details', $property->repair_details) }}</textarea>
                                    @error('repair_details')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Observaciones Generales</label>
                                    <textarea name="observations" class="form-control @error('observations') is-invalid @enderror"
                                              rows="4">{{ old('observations', $property->observations) }}</textarea>
                                    @error('observations')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    {{-- ========== 7. MULTIMEDIA ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-camera"></i> 7. Fotos, Videos y Archivos</h4>

                        {{-- Fotos existentes --}}
                        @if($property->photos->count() > 0)
                        <div class="form-group">
                            <label><i class="fas fa-image"></i> Fotos Actuales</label>
                            <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px;">
                                @foreach($property->photos as $photo)
                                <div class="photo-preview-item {{ $photo->is_primary ? 'primary' : '' }}">
                                    <img src="{{ Storage::url($photo->file_path) }}" alt="{{ $photo->file_name }}">
                                    @if($photo->is_primary)
                                    <div class="primary-badge">Principal</div>
                                    @endif
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <hr>
                        @endif

                        {{-- Nuevas fotos --}}
                        <div class="form-group">
                            <label><i class="fas fa-image"></i> Agregar Fotos Nuevas</label>
                            <p class="text-muted small">Puede seleccionar múltiples fotos. Se agregarán a las existentes.</p>
                            <input type="file" name="photos[]" class="form-control" multiple accept="image/*" id="photosInput">
                            <small class="text-muted">Formatos: JPG, PNG, WebP. Máx 5MB por foto.</small>
                            <div id="photosPreview" class="mt-3" style="display: flex; flex-wrap: wrap; gap: 10px;"></div>
                        </div>

                        <hr>

                        {{-- Video URL --}}
                        <div class="form-group">
                            <label><i class="fas fa-video"></i> Video de la Propiedad (URL)</label>
                            <input type="url" name="video_url" class="form-control @error('video_url') is-invalid @enderror"
                                   value="{{ old('video_url', $property->videos->first()->file_path ?? '') }}"
                                   placeholder="https://www.youtube.com/watch?v=... o https://vimeo.com/...">
                            @error('video_url')<span class="invalid-feedback">{{ $message }}</span>@enderror
                            <small class="text-muted">URL de YouTube o Vimeo</small>
                        </div>

                        @if($property->videos->count() > 0)
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i> Videos actuales:
                            <ul class="mb-0 mt-2">
                                @foreach($property->videos as $video)
                                <li>
                                    @if(str_starts_with($video->file_path, 'http'))
                                        <a href="{{ $video->file_path }}" target="_blank">Ver video externo</a>
                                    @else
                                        <video controls width="300" class="mt-1" style="border-radius: 4px;">
                                            <source src="{{ Storage::url($video->file_path) }}" type="{{ $video->mime_type }}">
                                            Tu navegador no soporta video HTML5.
                                        </video>
                                        <br>
                                        <small>{{ $video->file_name }} ({{ $video->formatted_size }})</small>
                                    @endif
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        @endif

                        <hr>

                        {{-- Videos locales --}}
                        <div class="form-group">
                            <label><i class="fas fa-film"></i> Agregar Videos Locales</label>
                            <p class="text-muted small">Puede seleccionar múltiples videos. Se agregarán a los existentes.</p>
                            <input type="file" name="local_videos[]" class="form-control" multiple accept="video/*" id="localVideosInput">
                            <small class="text-muted">Formatos: MP4, AVI, MOV, MKV, WMV, FLV, WebM. Máx 1GB por archivo.</small>
                            <div id="localVideosPreview" class="mt-3"></div>
                        </div>

                        <hr>

                        {{-- Archivos adjuntos existentes --}}
                        @if($property->files->count() > 0)
                        <div class="form-group">
                            <label><i class="fas fa-file-archive"></i> Archivos Actuales</label>
                            <ul class="list-unstyled">
                                @foreach($property->files as $file)
                                <li>
                                    <i class="fas fa-file"></i> {{ $file->file_name }} 
                                    <small class="text-muted">({{ $file->formatted_size }})</small>
                                    @if($file->file_path && !str_starts_with($file->file_path, 'http'))
                                    <a href="{{ Storage::url($file->file_path) }}" target="_blank" class="btn btn-xs btn-info">
                                        <i class="fas fa-download"></i>
                                    </a>
                                    @endif
                                </li>
                                @endforeach
                            </ul>
                        </div>
                        <hr>
                        @endif

                        {{-- Nuevos archivos adjuntos --}}
                        <div class="form-group">
                            <label><i class="fas fa-file-archive"></i> Agregar Archivos Adjuntos</label>
                            <input type="file" name="attachments[]" class="form-control" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.zip,.rar">
                            <small class="text-muted">Planos, contratos, certificados, etc. Formatos: PDF, DOC, XLS, ZIP. Máx 10MB por archivo.</small>
                        </div>
                    </div>

                    {{-- ========== 8. UBICACIÓN EN MAPA ========== --}}
                    <div class="form-section">
                        <h4><i class="fas fa-map-marker-alt"></i> 8. Ubicación en Mapa</h4>

                        <p class="text-muted small">Haga clic en el mapa para seleccionar la ubicación exacta de la propiedad o ingrese las coordenadas manualmente.</p>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Latitud</label>
                                    <input type="number" step="any" name="latitude" class="form-control @error('latitude') is-invalid @enderror"
                                           value="{{ old('latitude', $property->latitude) }}" id="latitudeInput"
                                           placeholder="Ej: 10.480594">
                                    @error('latitude')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Longitud</label>
                                    <input type="number" step="any" name="longitude" class="form-control @error('longitude') is-invalid @enderror"
                                           value="{{ old('longitude', $property->longitude) }}" id="longitudeInput"
                                           placeholder="Ej: -66.883282">
                                    @error('longitude')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Dirección en el Mapa</label>
                                    <input type="text" name="map_address" class="form-control @error('map_address') is-invalid @enderror"
                                           value="{{ old('map_address', $property->map_address) }}" id="mapAddressInput"
                                           placeholder="Dirección que aparecerá en el mapa">
                                    @error('map_address')<span class="invalid-feedback">{{ $message }}</span>@enderror
                                </div>
                            </div>
                        </div>

                        {{-- Mapa --}}
                        <div id="map" style="height: 400px; border-radius: 8px; border: 2px solid #dee2e6; margin-top: 10px;"></div>
                        <small class="text-muted"><i class="fas fa-info-circle"></i> Venezuela por defecto. Zoom para ubicar la propiedad.</small>
                    </div>

                </div>

                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Actualizar Propiedad
                    </button>
                    <a href="{{ route($routePrefix . 'properties.index') }}" class="btn btn-default">
                        <i class="fas fa-times"></i> Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
{{-- Leaflet CSS y JS para el mapa --}}
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // ========== SELECTOR DE AGENTES ==========
    $('select[name="agency_id"]').change(function() {
        var agencyId = $(this).val();
        var agentSelect = $('#agentSelect');

        if (agencyId) {
            $.ajax({
                url: '/admin/agencies/' + agencyId + '/agents',
                type: 'GET',
                dataType: 'json',
                success: function(data) {
                    agentSelect.empty().append('<option value="">Sin asignar</option>');
                    $.each(data, function(index, agent) {
                        agentSelect.append('<option value="' + agent.id + '">' + agent.full_name + ' - ' + agent.license_number + '</option>');
                    });
                }
            });
        } else {
            agentSelect.empty().append('<option value="">Sin asignar</option>');
        }
    });

    // ========== MAPA LEAFLET ==========
    let map = null;
    let marker = null;
    const latInput = document.getElementById('latitudeInput');
    const lngInput = document.getElementById('longitudeInput');
    const mapAddressInput = document.getElementById('mapAddressInput');

    // Inicializar mapa con delay para asegurar que el DOM esté listo
    setTimeout(function() {
        if (document.getElementById('map')) {
            const centerLat = parseFloat(latInput.value) || 10.480594;
            const centerLng = parseFloat(lngInput.value) || -66.883282;

            map = L.map('map').setView([centerLat, centerLng], latInput.value ? 15 : 6);

            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
            }).addTo(map);

            // Si hay coordenadas guardadas, mostrar marcador
            if (latInput.value && lngInput.value) {
                marker = L.marker([centerLat, centerLng], { draggable: true }).addTo(map);

                marker.on('dragend', function(e) {
                    const position = marker.getLatLng();
                    latInput.value = position.lat.toFixed(8);
                    lngInput.value = position.lng.toFixed(8);
                });
            }

            // Forzar recálculo de tamaño
            map.invalidateSize();

            // Click en el mapa para colocar marcador
            map.on('click', function(e) {
                if (marker) {
                    marker.setLatLng([e.latlng.lat, e.latlng.lng]);
                } else {
                    marker = L.marker([e.latlng.lat, e.latlng.lng], { draggable: true }).addTo(map);

                    marker.on('dragend', function(ev) {
                        const position = marker.getLatLng();
                        latInput.value = position.lat.toFixed(8);
                        lngInput.value = position.lng.toFixed(8);
                    });
                }

                latInput.value = e.latlng.lat.toFixed(8);
                lngInput.value = e.latlng.lng.toFixed(8);
                map.setView([e.latlng.lat, e.latlng.lng], 15);

                // Geocodificación inversa
                fetch(`https://nominatim.openstreetmap.org/reverse?format=json&lat=${e.latlng.lat}&lon=${e.latlng.lng}`)
                    .then(response => response.json())
                    .then(data => {
                        if (data.display_name) {
                            mapAddressInput.value = data.display_name;
                        }
                    })
                    .catch(error => console.log('Error en geocodificación:', error));
            });
        }
    }, 500);

    // Si el usuario escribe coordenadas manualmente
    latInput.addEventListener('change', function() {
        if (this.value && lngInput.value) {
            const lat = parseFloat(this.value);
            const lng = parseFloat(lngInput.value);
            if (marker) {
                marker.setLatLng([lat, lng]);
            } else {
                marker = L.marker([lat, lng], { draggable: true }).addTo(map);
                marker.on('dragend', function(ev) {
                    const position = marker.getLatLng();
                    latInput.value = position.lat.toFixed(8);
                    lngInput.value = position.lng.toFixed(8);
                });
            }
            map.setView([lat, lng], 15);
        }
    });

    lngInput.addEventListener('change', function() {
        if (this.value && latInput.value) {
            const lat = parseFloat(latInput.value);
            const lng = parseFloat(this.value);
            if (marker) {
                marker.setLatLng([lat, lng]);
            } else {
                marker = L.marker([lat, lng], { draggable: true }).addTo(map);
                marker.on('dragend', function(ev) {
                    const position = marker.getLatLng();
                    latInput.value = position.lat.toFixed(8);
                    lngInput.value = position.lng.toFixed(8);
                });
            }
            map.setView([lat, lng], 15);
        }
    });

    // ========== PREVIEW DE FOTOS ==========
    const photosInput = document.getElementById('photosInput');
    const photosPreview = document.getElementById('photosPreview');
    let selectedPhotos = [];

    if (photosInput) {
        photosInput.addEventListener('change', function(e) {
            const files = Array.from(e.target.files);
            
            files.forEach((file, index) => {
                if (!file.type.startsWith('image/')) return;
                
                const reader = new FileReader();
                reader.onload = function(e) {
                    selectedPhotos.push({
                        file: file,
                        preview: e.target.result,
                        name: file.name
                    });
                    renderPhotosPreview();
                };
                reader.readAsDataURL(file);
            });
            
            photosInput.value = '';
        });
    }

    function renderPhotosPreview() {
        photosPreview.innerHTML = '';
        
        selectedPhotos.forEach((photo, index) => {
            const div = document.createElement('div');
            div.className = 'photo-preview-item' + (index === 0 ? ' primary' : '');
            div.innerHTML = `
                <img src="${photo.preview}" alt="${photo.name}">
                ${index === 0 ? '<div class="primary-badge">Principal</div>' : ''}
                <button type="button" class="remove-photo" onclick="removePhoto(${index})">
                    <i class="fas fa-times"></i>
                </button>
            `;
            photosPreview.appendChild(div);
        });
    }

    function removePhoto(index) {
        selectedPhotos.splice(index, 1);
        renderPhotosPreview();
    }

    window.removePhoto = removePhoto;

    // ========== PREVIEW DE VIDEOS LOCALES ==========
    const localVideosInput = document.getElementById('localVideosInput');
    const localVideosPreview = document.getElementById('localVideosPreview');
    let selectedVideos = [];

    if (localVideosInput) {
        localVideosInput.addEventListener('change', function(e) {
            const files = Array.from(e.target.files);
            
            files.forEach((file, index) => {
                if (!file.type.startsWith('video/')) return;
                
                const videoId = 'video_' + Date.now() + '_' + index;
                selectedVideos.push({
                    id: videoId,
                    file: file,
                    name: file.name,
                    size: file.size
                });
            });
            
            renderVideosPreview();
            localVideosInput.value = '';
        });
    }

    function renderVideosPreview() {
        if (selectedVideos.length === 0) {
            localVideosPreview.innerHTML = '';
            return;
        }
        
        let html = '<div class="alert alert-info"><i class="fas fa-film"></i> <strong>Videos seleccionados:</strong><ul class="mb-0 mt-2">';
        
        selectedVideos.forEach((video, index) => {
            const sizeMB = (video.size / (1024 * 1024)).toFixed(2);
            html += `
                <li class="d-flex justify-content-between align-items-center">
                    <span><i class="fas fa-video mr-2"></i> ${video.name} (${sizeMB} MB)</span>
                    <button type="button" class="btn btn-sm btn-danger ml-2" onclick="removeVideo(${index})">
                        <i class="fas fa-trash"></i>
                    </button>
                </li>
            `;
        });
        
        html += '</ul></div>';
        localVideosPreview.innerHTML = html;
    }

    function removeVideo(index) {
        selectedVideos.splice(index, 1);
        renderVideosPreview();
    }

    window.removeVideo = removeVideo;
});
</script>
@endpush