@extends('layouts.app')

@section('content')
@php
    $mainImage = $property->images->where('is_default', 'Y')->first() ?? $property->images->first();
    $otherImages = $property->images->where('is_default', '!=', 'Y')->take(4);
    $allImages = $property->images; // All images for gallery
    $propertyTypeName = $property->propertyType->texts->first()->name ?? 'N/A';
    $description = $property->descriptions->first()->descriptions ?? '';
    $addressParts = array_filter([
        $property->area->name ?? null,
        $property->city->name ?? null,
        $property->state->name ?? null,
        $property->country->name ?? null
    ]);
    $fullAddress = implode(', ', $addressParts);
    
    // Helper function to get image URL by size
    $getImageUrl = function($imagePath, $size = 'large') {
        if (!$imagePath) return null;
        $filename = basename($imagePath);
        return asset( 'files/'. $size . '/' . $filename );
    };
    
    // Price formatting
    $price = $property->price;
    $salePrice = $price->sale_price ?? 0;
    $rentLt = $price->rent_lt ?? 0;
    $rentHs = $price->rent_st_hs ?? 0;
    $rentSt = $price->rent_st_ls ?? 0;
    $priceDisplay = '';
    $priceUnit = '';

    if ($property->is_for_sale == 'Y') {
        $priceDisplay = number_format($salePrice, 0, '.', ',');
        $priceUnit = '';
        $isForSale = true;
    }
    else {
        if ($rentLt > 0) {
            $priceDisplay = number_format($rentLt, 0, '.', ',');
            $priceUnit = '/mo';
        } elseif ($rentSt > 0) {
            $priceDisplay = number_format($rentSt, 0, '.', ',');
            $priceUnit = '/mo';
        } elseif ($rentHs > 0) {
            $priceDisplay = number_format($rentHs, 0, '.', ',');
            $priceUnit = '/mo';
        }

        $isForRent = true;
    } 

    // if ($salePrice > 0) {
    //     $priceDisplay = number_format($salePrice, 0, '.', ',');
    //     $priceUnit = '';
    // } elseif ($rentLt > 0) {
    //     $priceDisplay = number_format($rentLt, 0, '.', ',');
    //     $priceUnit = '/mo';
    // } elseif ($rentSt > 0) {
    //     $priceDisplay = number_format($rentSt, 0, '.', ',');
    //     $priceUnit = '/mo';
    // }
    
    // Features grouped
    $features = $property->features->groupBy(function($feature) {
        return $feature->pivot->parent_feature_id ?? $feature->parent_id ?? 0;
    });
@endphp

<!-- Image Gallery Section -->
<div class="single_page_listing_style">
    <div class="container-fluid p0">
        <div class="row">
            <div class="col-sm-6 col-lg-6 p0">
                <div class="row m0">
                    <div class="col-lg-12 p0">
                        <div class="spls_style_one pr1 1px">
                            <a class="popup-img" href="{{ $mainImage ? $getImageUrl($mainImage->image, 'large') : '#' }}" data-gallery="property-gallery">
                                <img class="img-fluid w100" src="{{ $mainImage ? $getImageUrl($mainImage->image, 'large') : asset('images/property/ls1.jpg') }}" alt="{{ $property->ref_id ?? 'Property' }}">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-lg-6 p0">
                <div class="row m0">
                    @foreach($otherImages as $index => $image)
                    <div class="col-sm-6 col-lg-6 p0">
                        <div class="spls_style_one">
                            <a class="popup-img" href="{{ $getImageUrl($image->image, 'large') }}" data-gallery="property-gallery">
                                <img class="img-fluid w100" src="{{ $getImageUrl($image->image, 'medium') }}" alt="Property Image {{ $index + 1 }}">
                            </a>
                        </div>
                    </div>
                    @endforeach
                    @if($otherImages->count() < 4)
                        @for($i = $otherImages->count(); $i < 4; $i++)
                        <div class="col-sm-6 col-lg-6 p0">
                            <div class="spls_style_one">
                                <img class="img-fluid w100" src="{{ asset('images/property/ls' . ($i + 2) . '.jpg') }}" alt="Placeholder">
                            </div>
                        </div>
                        @endfor
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Property Title and Actions -->
<section class="p0">
    <div class="container">
        <div class="row listing_single_row">
            <div class="col-sm-6 col-lg-7 col-xl-8">
                <div class="single_property_title">
                    @if($allImages && $allImages->count() > 0)
                        @php
                            $firstImageUrl = $getImageUrl($allImages->first()->image, 'large');
                        @endphp
                        <a href="{{ $firstImageUrl }}" class="upload_btn popup-img" data-gallery="property-gallery">
                            <span class="flaticon-photo-camera"></span> View Photos
                        </a>
                        {{-- Hidden gallery items for MagnificPopup --}}
                        @foreach($allImages as $galleryImage)
                            @if($galleryImage->id !== $allImages->first()->id)
                                <a href="{{ $getImageUrl($galleryImage->image, 'large') }}" class="popup-img" data-gallery="property-gallery" style="display: none;"></a>
                            @endif
                        @endforeach
                    @else
                        <a href="#" class="upload_btn">
                            <span class="flaticon-photo-camera"></span> View Photos
                        </a>
                    @endif
                </div>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-4">
                <div class="single_property_social_share">
                    <div class="spss style2 mt10 text-right tal-400">
                        {{-- <ul class="mb0">
                            <li class="list-inline-item"><a href="#"><span class="flaticon-transfer-1"></span></a></li>
                            <li class="list-inline-item"><a href="#"><span class="flaticon-heart"></span></a></li>
                            <li class="list-inline-item"><a href="#"><span class="flaticon-share"></span></a></li>
                            <li class="list-inline-item"><a href="#"><span class="flaticon-printer"></span></a></li>
                        </ul> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Property Details Section -->
<section class="our-agent-single bgc-f7 pb30-991">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-8 mt50">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="listing_single_description2 mt30-767 mb30-767">
                            <div class="single_property_title">
                                <h2>{{ $property->ref_id ?? 'Property' }}</h2>
                                <p>{{ $fullAddress }}</p>
                            </div>
                            <div class="single_property_social_share style2">
                                <div class="price">
                                    <h2>@if($priceDisplay)€{{ $priceDisplay }}@else N/A @endif<small>{{ $priceUnit }}</small></h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="listing_single_description style2">
                            <div class="lsd_list">
                                <ul class="mb0">
                                    <li class="list-inline-item"><a href="#">{{ $propertyTypeName }}</a></li>
                                    <li class="list-inline-item"><a href="#">Beds: {{ $property->beds ?? 'N/A' }}</a></li>
                                    <li class="list-inline-item"><a href="#">Baths: {{ $property->baths ?? 'N/A' }}</a></li>
                                    @if($property->area_total)
                                    <li class="list-inline-item"><a href="#">Sq Ft: {{ number_format($property->area_total, 0, '.', ',') }}</a></li>
                                    @endif
                                </ul>
                            </div>
                            @if($description)
                            <h4 class="mb30">Description</h4>
                            <div class="description-content">
                                {!! nl2br(e($description)) !!}
                            </div>
                            @endif
                        </div>
                    </div>
                    
                    <!-- Property Details -->
                    <div class="col-lg-12">
                        <div class="additional_details">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="mb15">Property Details</h4>
                                </div>
                                <div class="col-md-6 col-lg-6 col-xl-4">
                                    <ul class="list-inline-item">
                                        <li><p>Property ID :</p></li>
                                        <li><p>Price :</p></li>
                                        @if($property->area_total)
                                        <li><p>Property Size :</p></li>
                                        @endif
                                        @if($property->completed_year)
                                        <li><p>Year Built :</p></li>
                                        @endif
                                    </ul>
                                    <ul class="list-inline-item">
                                        <li><p><span>{{ $property->ref_id ?? 'N/A' }}</span></p></li>
                                        <li><p><span>@if($priceDisplay)€{{ $priceDisplay }}{{ $priceUnit }}@else N/A @endif</span></p></li>
                                        @if($property->area_total)
                                        <li><p><span>{{ number_format($property->area_total, 0, '.', ',') }} Sq Ft</span></p></li>
                                        @endif
                                        @if($property->completed_year)
                                        <li><p><span>{{ $property->completed_year }}{{ $property->completed_month ? '-' . str_pad($property->completed_month, 2, '0', STR_PAD_LEFT) : '' }}</span></p></li>
                                        @endif
                                    </ul>
                                </div>
                                <div class="col-md-6 col-lg-6 col-xl-4">
                                    <ul class="list-inline-item">
                                        <li><p>Bedrooms :</p></li>
                                        <li><p>Bathrooms :</p></li>
                                        @if($property->floors)
                                        <li><p>Floors :</p></li>
                                        @endif
                                    </ul>
                                    <ul class="list-inline-item">
                                        <li><p><span>{{ $property->beds ?? 'N/A' }}</span></p></li>
                                        <li><p><span>{{ $property->baths ?? 'N/A' }}</span></p></li>
                                        @if($property->floors)
                                        <li><p><span>{{ $property->floors }}</span></p></li>
                                        @endif
                                    </ul>
                                </div>
                                <div class="col-md-6 col-lg-6 col-xl-4">
                                    <ul class="list-inline-item">
                                        <li><p>Property Type :</p></li>
                                        <li><p>Property Status :</p></li>
                                    </ul>
                                    <ul class="list-inline-item">
                                        <li><p><span>{{ $propertyTypeName }}</span></p></li>
                                        <li><p><span>
                                            @if($property->is_for_sale == 'Y') For Sale
                                            @else For Rent
                                            @endif
                                        </span></p></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Additional Details -->
                    @if($property->area_built || $property->area_terrace || $property->area_plot)
                    <div class="col-lg-12">
                        <div class="additional_details">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="mb15">Additional details</h4>
                                </div>
                                <div class="col-md-6 col-lg-6">
                                    <ul class="list-inline-item">
                                        @if($property->area_built)
                                        <li><p>Built Area :</p></li>
                                        @endif
                                        @if($property->area_terrace)
                                        <li><p>Terrace Area :</p></li>
                                        @endif
                                        @if($property->area_plot)
                                        <li><p>Plot Area :</p></li>
                                        @endif
                                    </ul>
                                    <ul class="list-inline-item">
                                        @if($property->area_built)
                                        <li><p><span>{{ number_format($property->area_built, 0, '.', ',') }} Sqft</span></p></li>
                                        @endif
                                        @if($property->area_terrace)
                                        <li><p><span>{{ number_format($property->area_terrace, 0, '.', ',') }} Sqft</span></p></li>
                                        @endif
                                        @if($property->area_plot)
                                        <li><p><span>{{ number_format($property->area_plot, 0, '.', ',') }} Sqft</span></p></li>
                                        @endif
                                    </ul>
                                </div>
                                <div class="col-md-6 col-lg-6">
                                    <ul class="list-inline-item">
                                        @if($property->smoking_allowed !== null)
                                        <li><p>Smoking Allowed :</p></li>
                                        @endif
                                        @if($property->pets_allowed !== null)
                                        <li><p>Pets Allowed :</p></li>
                                        @endif
                                    </ul>
                                    <ul class="list-inline-item">
                                        @if($property->smoking_allowed !== null)
                                        <li><p><span>{{ $property->smoking_allowed ? 'Yes' : 'No' }}</span></p></li>
                                        @endif
                                        @if($property->pets_allowed !== null)
                                        <li><p><span>{{ $property->pets_allowed ? 'Yes' : 'No' }}</span></p></li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                    
                    <!-- Property Documents -->
                    @if($property->documents->count() > 0)
                    <div class="col-lg-12">
                        <div class="property_attachment_area">
                            <h4 class="mb30">Property Attachments</h4>
                            <div class="iba_container style2">
                                @foreach($property->documents as $document)
                                <div class="icon_box_area style2">
                                    <div class="score">
                                        <span class="flaticon-document text-thm fz30"></span>
                                    </div>
                                    <div class="details">
                                        <h5>
                                            <a href="{{ asset( 'files/' . $document->document ) }}" target="_blank">
                                                <span class="flaticon-download text-thm pr10"></span> {{ $document->name ?? 'Document' }}
                                            </a>
                                        </h5>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                    
                    <!-- Features -->
                    @if($property->features->count() > 0)
                    <div class="col-lg-12">
                        <div class="application_statics mt30">
                            <div class="row">
                                <div class="col-lg-12">
                                    <h4 class="mb10">Features</h4>
                                </div>
                                @php
                                    $featuresPerColumn = ceil($property->features->count() / 3);
                                    $featureChunks = $property->features->chunk($featuresPerColumn);
                                @endphp
                                @foreach($featureChunks as $chunk)
                                <div class="col-sm-6 col-md-6 col-lg-4">
                                    <ul class="order_list list-inline-item">
                                        @foreach($chunk as $feature)
                                            @php
                                                $featureText = $feature->texts->first();
                                                $featureName = $featureText->name ?? 'Feature';
                                            @endphp
                                            <li><a href="#"><span class="flaticon-tick"></span>{{ $featureName }}</a></li>
                                        @endforeach
                                    </ul>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                    
                    <!-- Location Map -->
                    <div class="col-lg-12">
                        <div class="application_statics mt30">
                            <h4 class="mb30">Location <small class="float-right">{{ $fullAddress }}</small></h4>
                            <div class="property_video p0">
                                <div class="thumb">
                                    <div class="h400" id="map-canvas"></div>
                                    <div class="overlay_icon">
                                        <a href="#"><img class="map_img_icon" src="{{ asset('images/header-logo.png') }}" alt="Logo"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Sidebar -->
            <div class="col-lg-4 col-xl-4 mt50">
                <div class="sidebar_listing_list">
                    <div class="sidebar_advanced_search_widget">
                        <div class="sl_creator">
                            <h4 class="mb25">Contact Us</h4>
                            <p>Interested in this property? Contact us for more information.</p>
                        </div>
                        <ul class="sasw_list mb0">
                            <li class="search_area">
                                <div class="form-group">
                                    <input type="text" class="form-control" id="contact_name" placeholder="Your Name">
                                </div>
                            </li>
                            <li class="search_area">
                                <div class="form-group">
                                    <input type="number" class="form-control" id="contact_phone" placeholder="Phone">
                                </div>
                            </li>
                            <li class="search_area">
                                <div class="form-group">
                                    <input type="email" class="form-control" id="contact_email" placeholder="Email">
                                </div>
                            </li>
                            <li class="search_area">
                                <div class="form-group">
                                    <textarea id="contact_message" name="contact_message" class="form-control required" rows="5" required="required" placeholder="I'm interested in [ {{ $property->ref_id ?? 'Property' }} ]"></textarea>
                                </div>
                            </li>
                            <li>
                                <div class="search_option_button">
                                    <button type="submit" class="btn btn-block btn-thm">Send Message</button>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <!-- Similar Properties -->
                @if($similarProperties && $similarProperties->count() > 0)
                <div class="sidebar_listing_list mt30">
                    <div class="terms_condition_widget">
                        <h4 class="title">Similar Properties</h4>
                        <div class="sidebar_feature_property_slider">
                            @foreach($similarProperties as $similarProperty)
                                @php
                                    $similarImage = $similarProperty->images->where('is_default', 'Y')->first() ?? $similarProperty->images->first();
                                    $similarTypeName = $similarProperty->propertyType->texts->first()->name ?? 'N/A';
                                    $similarAddressParts = array_filter([
                                        $similarProperty->area->name ?? null,
                                        $similarProperty->city->name ?? null,
                                    ]);
                                    $similarLocation = implode(', ', $similarAddressParts);
                                    $similarPrice = $similarProperty->price;
                                    $similarSalePrice = $similarPrice->sale_price ?? 0;
                                    $similarRentLt = $similarPrice->rent_lt ?? 0;
                                    $similarRentSt = $similarPrice->rent_st_ls ?? 0;
                                    $similarPriceDisplay = '';
                                    $similarPriceUnit = '';
                                    if ($similarSalePrice > 0) {
                                        $similarPriceDisplay = number_format($similarSalePrice, 0, '.', ',');
                                    } elseif ($similarRentLt > 0) {
                                        $similarPriceDisplay = number_format($similarRentLt, 0, '.', ',');
                                        $similarPriceUnit = '/mo';
                                    } elseif ($similarRentSt > 0) {
                                        $similarPriceDisplay = number_format($similarRentSt, 0, '.', ',');
                                        $similarPriceUnit = '/mo';
                                    }
                                    // Get thumbnail URL for similar properties
                                    $similarImageUrl = 'images/property/fp1.jpg';
                                    if ($similarImage && $similarImage->image) {
                                        $similarFilename = basename($similarImage->image);
                                        $similarImageUrl = asset( 'files/thumbnails/' . $similarFilename );
                                    }
                                @endphp
                                <div class="item">
                                    <div class="feat_property home7 agent">
                                        <div class="thumb">
                                            <a href="{{ route('property.show', $similarProperty->id) }}">
                                                <img class="img-whp" src="{{ $similarImageUrl }}" alt="{{ $similarProperty->ref_id ?? 'Property' }}">
                                            </a>
                                            <div class="thmb_cntnt">
                                                <ul class="tag mb0">
                                                    @if($similarProperty->is_for_rent || $similarProperty->is_for_rent_lt || $similarProperty->is_for_rent_st)
                                                    <li class="list-inline-item"><a href="#">For Rent</a></li>
                                                    @endif
                                                    @if($similarProperty->is_for_sale)
                                                    <li class="list-inline-item"><a href="#">For Sale</a></li>
                                                    @endif
                                                    @if($similarProperty->is_featured)
                                                    <li class="list-inline-item"><a href="#">Featured</a></li>
                                                    @endif
                                                </ul>
                                                <a class="fp_price" href="{{ route('property.show', $similarProperty->id) }}">
                                                    @if($similarPriceDisplay)€{{ $similarPriceDisplay }}<small>{{ $similarPriceUnit }}</small>@else N/A @endif
                                                </a>
                                                <h4 class="posr color-white">
                                                    <a href="{{ route('property.show', $similarProperty->id) }}" class="color-white">
                                                        {{ $similarProperty->ref_id ?? 'Property' }}
                                                    </a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</section>

@push('scripts')
<script>
    // Initialize map if needed
    // You can add Google Maps integration here
</script>
@endpush
@endsection