@extends('layouts.admin')

@section('title', 'Detalle de Propiedad')

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

            <div class="card-body">
                {{-- Badges de información principal --}}
                <div class="row mb-4">
                    <div class="col-md-12">
                        <div class="d-flex flex-wrap gap-2">
                            <span class="badge badge-primary badge-lg">{{ $property->property_type_label }}</span>
                            <span class="badge badge-{{ $property->operation_type === 'venta' ? 'info' : 'success' }} badge-lg">
                                {{ $property->operation_type_label }}
                            </span>
                            <span class="badge badge-{{ $property->status === 'disponible' ? 'success' : ($property->status === 'reservada' ? 'warning' : ($property->status === 'vendida' ? 'danger' : ($property->status === 'alquilada' ? 'rented' : 'secondary'))) }} badge-lg">
                                {{ $property->status_label }}
                            </span>
                            <span class="badge badge-{{ $property->show_on_platform ? 'success' : 'secondary' }} badge-lg">
                                <i class="fas fa-{{ $property->show_on_platform ? 'eye' : 'eye-slash' }}"></i>
                                {{ $property->show_on_platform ? 'Visible' : 'Oculta' }}
                            </span>
                            <span class="badge badge-dark badge-lg">${{ number_format($property->price, 2) }}</span>
                        </div>
                    </div>
                </div>

                {{-- Tabs --}}
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" href="#tab_info" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-info-circle"></i> Información General
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_owner" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-user"></i> Propietario
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_services" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-concierge-bell"></i> Servicios
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_legal" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-gavel"></i> Estatus Legal
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_commercial" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-dollar-sign"></i> Condiciones Comerciales
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_inventory" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-boxes"></i> Inventario
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_media" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-images"></i> Fotos y Videos
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_map" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-map-marker-alt"></i> Ubicación
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#tab_documents" data-toggle="tab" data-bs-toggle="tab" role="tab">
                                <i class="fas fa-file-alt"></i> Documentos
                            </a>
                        </li>
                    </ul>

                    <div class="tab-content">
                        {{-- Información General --}}
                        <div class="tab-pane fade show active" id="tab_info">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">Dirección Completa</th>
                                            <td>{{ $property->full_address ?: 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Ciudad</th>
                                            <td>{{ $property->city ?: 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Municipio</th>
                                            <td>{{ $property->municipality ?: 'No registrado' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Urbanización</th>
                                            <td>{{ $property->urbanization ?: 'No registrada' }}</td>
                                        </tr>
                                        @if($property->building_name)
                                        <tr>
                                            <th>Edificio</th>
                                            <td>{{ $property->building_name }}</td>
                                        </tr>
                                        @endif
                                        @if($property->floor_number)
                                        <tr>
                                            <th>Piso</th>
                                            <td>{{ $property->floor_number }}</td>
                                        </tr>
                                        @endif
                                        @if($property->house_apartment_number)
                                        <tr>
                                            <th>Nº Casa/Apto</th>
                                            <td>{{ $property->house_apartment_number }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">Área Terreno</th>
                                            <td>{{ $property->land_area ? $property->land_area . ' m²' : 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Área Construcción</th>
                                            <td>{{ $property->construction_area ? $property->construction_area . ' m²' : 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Área Total</th>
                                            <td>{{ $property->total_area ? $property->total_area . ' m²' : 'No disponible' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Años de Antigüedad</th>
                                            <td>{{ $property->antiquity_years ?: 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Habitaciones Totales</th>
                                            <td>{{ $property->rooms_total ?: '0' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Baños Totales</th>
                                            <td>{{ $property->bathrooms_total ?: '0' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Estacionamientos</th>
                                            <td>{{ $property->parking_spaces ?: '0' }}</td>
                                        </tr>
                                        @if($property->parking_covered)
                                        <tr>
                                            <th>Estacionamiento Cubierto</th>
                                            <td><span class="badge badge-success">Sí</span></td>
                                        </tr>
                                        @endif
                                        @if($property->parking_uncovered)
                                        <tr>
                                            <th>Estacionamiento Descubierto</th>
                                            <td><span class="badge badge-success">Sí</span></td>
                                        </tr>
                                        @endif
                                        @if($property->has_storage_room)
                                        <tr>
                                            <th>Cuarto de Depósito</th>
                                            <td><span class="badge badge-success">Sí</span></td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>

                            @if($property->observations)
                            <div class="row mt-3">
                                <div class="col-12">
                                    <div class="alert alert-info">
                                        <strong><i class="fas fa-comment"></i> Observaciones:</strong><br>
                                        {{ $property->observations }}
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>

                        {{-- Propietario --}}
                        <div class="tab-pane fade" id="tab_owner">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">Nombre</th>
                                            <td>{{ $property->owner_name }}</td>
                                        </tr>
                                        <tr>
                                            <th>Cédula/RIF</th>
                                            <td>{{ $property->owner_id_number }}</td>
                                        </tr>
                                        <tr>
                                            <th>Estado Civil</th>
                                            <td>{{ ucfirst($property->owner_marital_status ?: 'No registrado') }}</td>
                                        </tr>
                                        <tr>
                                            <th>Teléfono</th>
                                            <td>{{ $property->owner_phone }}</td>
                                        </tr>
                                        <tr>
                                            <th>Email</th>
                                            <td>{{ $property->owner_email ?: 'No registrado' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">¿Propietario en Venezuela?</th>
                                            <td>
                                                @if($property->owner_in_venezuela)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-danger">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>¿Tiene Poder Legal?</th>
                                            <td>
                                                @if($property->has_power_of_attorney)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- Servicios --}}
                        <div class="tab-pane fade" id="tab_services">
                            <div class="row">
                                <div class="col-md-6">
                                    <h5><i class="fas fa-tint"></i> Agua</h5>
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="50%">Pozo Profundo</th>
                                            <td>
                                                @if($property->has_deep_well)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Tanque Aéreo (lt)</th>
                                            <td>{{ $property->aerial_tank_capacity ?: 'No registrado' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Tanque Subterráneo (lt)</th>
                                            <td>{{ $property->underground_tank_capacity ?: 'No registrado' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Hidroneumático</th>
                                            <td>
                                                @if($property->has_hydroniumatic)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Frecuencia Servicio Agua</th>
                                            <td>{{ $property->water_service_frequency ?: 'No registrada' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h5><i class="fas fa-bolt"></i> Electricidad</h5>
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="50%">Planta Eléctrica</th>
                                            <td>
                                                @if($property->has_generator)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @if($property->has_generator)
                                        <tr>
                                            <th>Cobertura</th>
                                            <td>{{ ucfirst($property->generator_coverage ?: 'No registrada') }}</td>
                                        </tr>
                                        @endif
                                        <tr>
                                            <th>Voltaje</th>
                                            <td>{{ $property->voltage ?: 'No registrado' }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <h5><i class="fas fa-wifi"></i> Conectividad</h5>
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="50%">Tipo Internet</th>
                                            <td>{{ $property->internet_type ?: 'No registrado' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Proveedor</th>
                                            <td>{{ $property->internet_provider ?: 'No registrado' }}</td>
                                        </tr>
                                        <tr>
                                            <th>TV por Cable</th>
                                            <td>
                                                @if($property->has_cable_tv)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>TV Satelital</th>
                                            <td>
                                                @if($property->has_satellite_tv)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        @if($property->satellite_tv_provider)
                                        <tr>
                                            <th>Proveedor TV Satelital</th>
                                            <td>{{ $property->satellite_tv_provider }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h5><i class="fas fa-fire"></i> Gas</h5>
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="50%">Tipo de Gas</th>
                                            <td>{{ $property->gas_type ?: 'No registrado' }}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <h5><i class="fas fa-shield-alt"></i> Seguridad y Amenidades</h5>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-{{ $property->has_24h_security ? 'success' : 'secondary' }}">
                                                    <i class="fas fa-lock"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Seguridad 24h</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-{{ $property->has_electric_fence ? 'success' : 'secondary' }}">
                                                    <i class="fas fa-bolt"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Cerca Eléctrica</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-{{ $property->has_pool ? 'success' : 'secondary' }}">
                                                    <i class="fas fa-swimming-pool"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Piscina</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-{{ $property->has_barbecue_area ? 'success' : 'secondary' }}">
                                                    <i class="fas fa-fire"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Área BBQ</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-{{ $property->has_playground ? 'success' : 'secondary' }}">
                                                    <i class="fas fa-child"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">Área de Juegos</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Estatus Legal --}}
                        <div class="tab-pane fade" id="tab_legal">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-bordered">
                                        <thead class="thead-light">
                                            <tr>
                                                <th>Documento</th>
                                                <th>Estado</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Documento de Propiedad</td>
                                                <td>
                                                    @if($property->has_property_document)
                                                        <span class="badge badge-success">Posee</span>
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Certificado Catastral</td>
                                                <td>
                                                    @if($property->has_cadastral_certificate)
                                                        <span class="badge badge-success">Posee</span>
                                                        @if($property->cadastral_in_owner_name)
                                                            <br><small class="text-muted">A nombre del propietario</small>
                                                        @endif
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Solvencia Municipal</td>
                                                <td>
                                                    @if($property->has_municipal_solvency)
                                                        <span class="badge badge-success">Posee</span>
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Certificado SENIAT</td>
                                                <td>
                                                    @if($property->has_seniat_certificate)
                                                        <span class="badge badge-success">Posee</span>
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Solvencia Servicios Públicos</td>
                                                <td>
                                                    @if($property->has_utilities_solvency)
                                                        <span class="badge badge-success">Posee</span>
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @if($property->property_type === 'apartamento' || $property->property_type === 'townhouse')
                                            <tr>
                                                <td>Solvencia Condominio</td>
                                                <td>
                                                    @if($property->has_condo_solvency)
                                                        <span class="badge badge-success">Posee</span>
                                                    @else
                                                        <span class="badge badge-danger">No posee</span>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endif
                                            <tr>
                                                <td>Libre de Hipoteca</td>
                                                <td>
                                                    @if($property->is_mortgage_free)
                                                        <span class="badge badge-success">Sí</span>
                                                    @else
                                                        <span class="badge badge-warning">No</span>
                                                        @if($property->needs_mortgage_release)
                                                            <br><small class="text-muted">Requiere liberación</small>
                                                        @endif
                                                    @endif
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- Condiciones Comerciales --}}
                        <div class="tab-pane fade" id="tab_commercial">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">Tipo de Operación</th>
                                            <td><span class="badge badge-{{ $property->operation_type === 'venta' ? 'primary' : 'success' }}">{{ $property->operation_type_label }}</span></td>
                                        </tr>
                                        <tr>
                                            <th>Precio</th>
                                            <td><strong>${{ number_format($property->price, 2) }}</strong></td>
                                        </tr>
                                        <tr>
                                            <th>Precio Negociable</th>
                                            <td>
                                                @if($property->price_negotiable)
                                                    <span class="badge badge-success">Sí</span>
                                                @else
                                                    <span class="badge badge-secondary">No</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>Métodos de Pago</th>
                                            <td>{{ $property->payment_methods ?: 'No registrados' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <th width="40%">Comisión (%)</th>
                                            <td>{{ $property->commission_percentage ? $property->commission_percentage . '%' : 'No registrada' }}</td>
                                        </tr>
                                        <tr>
                                            <th>Tipo de Captación</th>
                                            <td>
                                                <span class="badge badge-{{ $property->capture_type === 'exclusiva' ? 'danger' : 'info' }}">
                                                    {{ ucfirst($property->capture_type) }}
                                                </span>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>

                        {{-- Inventario --}}
                        <div class="tab-pane fade" id="tab_inventory">
                            @if($property->inventories && $property->inventories->count() > 0)
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-bordered table-striped">
                                        <thead class="thead-light">
                                            <tr>
                                                <th>Item</th>
                                                <th>Categoría</th>
                                                <th>Marca</th>
                                                <th>Modelo</th>
                                                <th>Cantidad</th>
                                                <th>Condición</th>
                                                <th>Incluido en Venta</th>
                                                <th>Descripción</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($property->inventories as $item)
                                            <tr>
                                                <td>{{ $item->item_name }}</td>
                                                <td>{{ $item->category ?: '-' }}</td>
                                                <td>{{ $item->brand ?: '-' }}</td>
                                                <td>{{ $item->model ?: '-' }}</td>
                                                <td>{{ $item->quantity }}</td>
                                                <td>{{ ucfirst($item->condition) }}</td>
                                                <td>
                                                    @if($item->included_in_sale)
                                                        <span class="badge badge-success">Sí</span>
                                                    @else
                                                        <span class="badge badge-secondary">No</span>
                                                    @endif
                                                </td>
                                                <td>{{ $item->description ?: '-' }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i> No hay inventario registrado para esta propiedad.
                            </div>
                            @endif

                            @if($property->furnished_status)
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="alert alert-secondary">
                                        <strong>Estado de Mobiliario:</strong> {{ ucfirst($property->furnished_status) }}
                                    </div>
                                </div>
                            </div>
                            @endif

                            @if($property->repair_details)
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="alert alert-warning">
                                        <strong>Detalles de Reparación:</strong><br>{{ $property->repair_details }}
                                    </div>
                                </div>
                            </div>
                            @endif

                            @if($property->inventory_details)
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        <strong>Detalles de Inventario:</strong><br>{{ $property->inventory_details }}
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>

                        {{-- Fotos y Videos --}}
                        <div class="tab-pane fade" id="tab_media">
                            {{-- Fotos --}}
                            @if($property->photos->count() > 0)
                            <h5><i class="fas fa-images"></i> Galería de Fotos ({{ $property->photos->count() }})</h5>
                            <div class="row">
                                @foreach($property->photos as $photo)
                                <div class="col-md-4 mb-3">
                                    <div class="card">
                                        <img src="{{ Storage::url($photo->file_path) }}" class="card-img-top" alt="{{ $photo->file_name }}" style="height: 200px; object-fit: cover;">
                                        <div class="card-body py-2 px-2">
                                            @if($photo->is_primary)
                                            <span class="badge badge-primary">Principal</span>
                                            @endif
                                            <small class="text-muted d-block">{{ $photo->file_name }}</small>
                                            <small class="text-muted">{{ $photo->formatted_size }}</small>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i> No hay fotos registradas para esta propiedad.
                            </div>
                            @endif

                            @if($property->videos->count() > 0)
                            <hr>
                            <h5><i class="fas fa-video"></i> Videos de la Propiedad ({{ $property->videos->count() }})</h5>
                            @foreach($property->videos as $video)
                            <div class="card mb-3">
                                <div class="card-body">
                                    @if(str_starts_with($video->file_path, 'http'))
                                        {{-- Video externo (YouTube, Vimeo) --}}
                                        <div class="alert alert-info mb-0">
                                            <i class="fas fa-play-circle"></i> 
                                            <strong>Video externo:</strong>
                                            <a href="{{ $video->file_path }}" target="_blank" class="ml-2">Ver video</a>
                                        </div>
                                    @else
                                        {{-- Video local --}}
                                        <div class="text-center">
                                            <video controls style="width: 100%; max-width: 800px; border-radius: 8px;" class="mb-2">
                                                <source src="{{ Storage::url($video->file_path) }}" type="{{ $video->mime_type }}">
                                                Tu navegador no soporta la reproducción de video HTML5.
                                            </video>
                                            <div class="mt-2">
                                                <strong>{{ $video->file_name }}</strong>
                                                <span class="text-muted ml-2">({{ $video->formatted_size }})</span>
                                                <a href="{{ Storage::url($video->file_path) }}" class="btn btn-sm btn-info ml-2" download>
                                                    <i class="fas fa-download"></i> Descargar
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @endforeach
                            @endif

                            {{-- Archivos adjuntos --}}
                            @if($property->files->count() > 0)
                            <hr>
                            <h5><i class="fas fa-file-archive"></i> Archivos Adjuntos</h5>
                            <div class="list-group">
                                @foreach($property->files as $file)
                                <a href="{{ Storage::url($file->file_path) }}" target="_blank" class="list-group-item list-group-item-action">
                                    <i class="fas fa-file"></i> {{ $file->file_name }}
                                    <small class="text-muted float-right">{{ $file->formatted_size }}</small>
                                </a>
                                @endforeach
                            </div>
                            @endif
                        </div>

                        {{-- Ubicación en Mapa --}}
                        <div class="tab-pane fade" id="tab_map">
                            @if($property->latitude && $property->longitude)
                            <div id="showMap" style="height: 450px; border-radius: 8px; border: 2px solid #dee2e6;"></div>
                            @if($property->map_address)
                            <div class="alert alert-info mt-3">
                                <i class="fas fa-map-marker-alt"></i> <strong>Dirección:</strong> {{ $property->map_address }}
                            </div>
                            @endif
                            @else
                            <div class="alert alert-warning">
                                <i class="fas fa-exclamation-triangle"></i> No se ha registrado la ubicación en el mapa para esta propiedad.
                            </div>
                            @endif
                        </div>

                        {{-- Documentos --}}
                        <div class="tab-pane fade" id="tab_documents">
                            @if($property->documents && $property->documents->count() > 0)
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-bordered table-striped">
                                        <thead class="thead-light">
                                            <tr>
                                                <th>Tipo de Documento</th>
                                                <th>Nombre</th>
                                                <th>Tamaño</th>
                                                <th>Fecha</th>
                                                <th>Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($property->documents as $document)
                                            <tr>
                                                <td>{{ ucfirst(str_replace('_', ' ', $document->document_type)) }}</td>
                                                <td>{{ $document->file_name }}</td>
                                                <td>{{ number_format($document->file_size / 1024, 2) }} KB</td>
                                                <td>{{ $document->document_date ? $document->document_date->format('d/m/Y') : '-' }}</td>
                                                <td>
                                                    @if($document->file_path)
                                                    <a href="{{ Storage::url($document->file_path) }}" target="_blank" class="btn btn-info btn-sm">
                                                        <i class="fas fa-download"></i> Descargar
                                                    </a>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @else
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle"></i> No hay documentos registrados para esta propiedad.
                            </div>
                            @endif
                        </div>
                    </div>
                </div>

                {{-- Información adicional --}}
                <hr>
                <div class="row">
                    <div class="col-md-4">
                        <div class="info-box">
                            <span class="info-box-icon bg-info"><i class="fas fa-building"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Agencia</span>
                                <span class="info-box-number">{{ $property->agency->name ?? 'No asignada' }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="info-box">
                            <span class="info-box-icon bg-success"><i class="fas fa-user-tie"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Agente</span>
                                <span class="info-box-number">{{ $property->agent->full_name ?? 'Sin asignar' }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="info-box">
                            <span class="info-box-icon bg-warning"><i class="fas fa-user"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">Registrado por</span>
                                <span class="info-box-number">{{ $property->creator->name ?? 'N/A' }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <small class="text-muted">Creado: {{ $property->created_at->format('d/m/Y H:i') }}</small>
                    </div>
                    <div class="col-md-6 text-right">
                        <small class="text-muted">Última modificación: {{ $property->updated_at->format('d/m/Y H:i') }}</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('styles')
<style>
.nav-tabs-custom {
    background: #fff;
}
.nav-tabs-custom .nav-tabs {
    border-bottom: 2px solid #dee2e6;
}
.nav-tabs-custom .nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #6c757d;
}
.nav-tabs-custom .nav-tabs .nav-link:hover {
    border-bottom-color: #007bff;
    color: #007bff;
}
.nav-tabs-custom .nav-tabs .nav-link.active {
    border-bottom: 3px solid #007bff;
    color: #007bff;
    background: transparent;
}
.tab-content {
    padding: 20px 0;
}
.badge-lg {
    font-size: 14px;
    padding: 8px 12px;
}
.gap-2 {
    gap: 0.5rem;
}
</style>
@endpush

@push('scripts')
<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() {
    @if($property->latitude && $property->longitude)
    const showMap = L.map('showMap').setView([{{ $property->latitude }}, {{ $property->longitude }}], 15);
    
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(showMap);
    
    L.marker([{{ $property->latitude }}, {{ $property->longitude }}]).addTo(showMap);
    @endif
});
</script>
@endpush