@extends('layouts.app')

@section('title', $property->title)
@section('page-title', $property->title)

@section('content')
<div class="d-flex align-items-center gap-2 mb-4 flex-wrap">
    <a href="{{ route('admin.property.index') }}" class="btn btn-sm btn-light">
        <i class="bi bi-arrow-left me-1"></i>All Properties
    </a>
    <a href="{{ route('admin.property.edit', $property) }}" class="btn btn-sm btn-outline-primary ms-auto">
        <i class="bi bi-pencil me-1"></i>Edit
    </a>
    @if(auth()->user()->isAdmin())
        <form method="POST" action="{{ route('admin.property.destroy', $property) }}"
              data-confirm="Delete this property? This action cannot be undone.">
            @csrf @method('DELETE')
            <button class="btn btn-sm btn-outline-danger">
                <i class="bi bi-trash me-1"></i>Delete
            </button>
        </form>
    @endif
</div>

<div class="row g-4">
    {{-- Left column --}}
    <div class="col-lg-8">

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body">
                <div class="d-flex align-items-start gap-3 mb-3">
                    <div>
                        @php
                            $statusClasses = [
                                'published'    => 'bg-success text-white',
                                'under_review' => 'bg-warning text-dark',
                                'unavailable'  => 'bg-secondary text-white',
                            ];
                            $statusClass = $statusClasses[$property->status] ?? 'bg-secondary text-white';
                        @endphp
                        <div class="d-flex gap-2 mb-2 flex-wrap">
                            <span class="badge {{ $statusClass }}">
                                {{ ucwords(str_replace('_', ' ', $property->status)) }}
                            </span>
                            <span class="badge bg-info bg-opacity-10 text-info">
                                {{ \App\Models\Property::LISTING_PURPOSES[$property->listing_purpose] ?? $property->listing_purpose }}
                            </span>
                        </div>
                        <h4 class="mb-1 fw-semibold">{{ $property->title }}</h4>
                        <p class="text-muted mb-0">
                            <i class="bi bi-geo-alt me-1"></i>
                            {{ $property->city ? $property->city . ' · ' : '' }}{{ $property->location }}
                        </p>
                    </div>
                    <div class="ms-auto text-end">
                        <div class="fs-5 fw-bold text-primary">{{ $property->formattedPrice() }}</div>
                        <div class="small text-muted">{{ $property->area }} {{ strtoupper($property->area_unit) }}</div>
                    </div>
                </div>

                <div class="row g-3 border-top pt-3">
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">Purpose</div>
                        <div class="fw-semibold small">
                            {{ \App\Models\Property::LISTING_PURPOSES[$property->listing_purpose] ?? '—' }}
                        </div>
                    </div>
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">Type</div>
                        <div class="fw-semibold small">
                            {{ (\App\Models\Property::typeLabels())[$property->type] ?? ucwords(str_replace('_', ' ', $property->type)) }}
                        </div>
                    </div>
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">City</div>
                        <div class="fw-semibold small">{{ $property->city ?? '—' }}</div>
                    </div>
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">Area</div>
                        <div class="fw-semibold small">{{ $property->area }} {{ strtoupper($property->area_unit) }}</div>
                    </div>
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">Price</div>
                        <div class="fw-semibold small">{{ $property->formattedPrice() }}</div>
                    </div>
                    <div class="col-6 col-md-2 text-center">
                        <div class="small text-muted">Added</div>
                        <div class="fw-semibold small">{{ $property->created_at->format('d M Y') }}</div>
                    </div>
                </div>

                @if($property->description)
                    <div class="border-top mt-3 pt-3">
                        <p class="text-muted small mb-0">{!! nl2br(e($property->description)) !!}</p>
                    </div>
                @endif

                @php $visibleTags = $property->tags->where('is_active', true); @endphp
                @if($visibleTags->isNotEmpty())
                    <div class="border-top mt-3 pt-3 d-flex gap-1 flex-wrap">
                        @foreach($visibleTags as $tag)
                            <span class="badge bg-primary bg-opacity-10 text-primary">{{ $tag->name }}</span>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>

        {{-- Image gallery --}}
        @include('property.partials._image_gallery', ['property' => $property])

        {{-- Document vault --}}
        @include('property.partials._document_vault', ['property' => $property, 'documentTypes' => $documentTypes])

        {{-- Type-specific details --}}
        @if($property->type_details && $fieldTemplates->isNotEmpty())
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-white py-3">
                    <h6 class="mb-0 fw-semibold">{{ ucwords(str_replace('_', ' ', $property->type)) }} Details</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        @foreach($fieldTemplates as $field)
                            @php $val = $property->type_details[$field->field_key] ?? null; @endphp
                            @if($val !== null && $val !== '')
                                <div class="col-6 col-md-4">
                                    <div class="small text-muted">{{ $field->field_label }}</div>
                                    <div class="fw-semibold small">
                                        @if($field->field_type === 'boolean')
                                            {!! $val ? '<span class="text-success">Yes</span>' : '<span class="text-muted">No</span>' !!}
                                        @else
                                            {{ $val }}
                                        @endif
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        {{-- Status history --}}
        {{-- Price History --}}
        @if($property->priceHistory->isNotEmpty())
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-white py-3 d-flex align-items-center justify-content-between">
                    <h6 class="mb-0 fw-semibold">Price History</h6>
                    <span class="badge bg-secondary bg-opacity-10 text-secondary small">
                        {{ $property->priceHistory->count() }} {{ Str::plural('change', $property->priceHistory->count()) }}
                    </span>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0 small">
                        <thead class="table-light">
                            <tr>
                                <th>Old Price</th>
                                <th>New Price</th>
                                <th>Changed By</th>
                                <th>Date / Time</th>
                                <th>Note</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($property->priceHistory as $log)
                                <tr>
                                    <td class="text-muted text-nowrap">{{ $log->formattedOldPrice() }}</td>
                                    <td class="fw-semibold text-nowrap text-primary">{{ $log->formattedNewPrice() }}</td>
                                    <td>{{ $log->changedBy->name ?? '—' }}</td>
                                    <td class="text-muted text-nowrap">{{ $log->created_at->format('d M Y, H:i') }}</td>
                                    <td class="text-muted">{{ $log->note ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        {{-- Status History --}}
        @if(auth()->user()->isAdmin() && $property->statusLogs->isNotEmpty())
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white py-3">
                    <h6 class="mb-0 fw-semibold">Status History</h6>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0 small">
                        <thead class="table-light">
                            <tr>
                                <th>From</th>
                                <th>To</th>
                                <th>Changed By</th>
                                <th>Notes</th>
                                <th>When</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($property->statusLogs as $log)
                                <tr>
                                    <td class="text-muted">{{ $log->from_status ? ucwords(str_replace('_', ' ', $log->from_status)) : '—' }}</td>
                                    <td>{{ ucwords(str_replace('_', ' ', $log->to_status)) }}</td>
                                    <td>{{ $log->changedBy->name ?? '—' }}</td>
                                    <td class="text-muted">{{ $log->notes ?? '—' }}</td>
                                    <td class="text-nowrap text-muted">{{ $log->created_at->format('d M Y, H:i') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        {{-- Site Visits --}}
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white border-0 pt-3 pb-0 d-flex align-items-center justify-content-between">
                <h6 class="fw-semibold mb-0">
                    <i class="bi bi-map me-2 text-primary"></i>Site Visits
                    <span class="badge bg-secondary bg-opacity-10 text-secondary ms-1">{{ $property->siteVisits->count() }}</span>
                </h6>
            </div>
            <div class="card-body p-0">
                @if($property->siteVisits->isEmpty())
                <div class="text-center text-muted py-4 small">
                    <i class="bi bi-signpost-2 d-block fs-3 mb-2 text-secondary"></i>
                    No site visits recorded for this property.
                </div>
                @else
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0 small">
                        <thead class="table-light">
                            <tr>
                                <th>Client</th>
                                <th>Requirement</th>
                                <th>Stage at Visit</th>
                                <th>Date &amp; Time</th>
                                <th>Staff</th>
                                <th>Notes</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($property->siteVisits as $visit)
                            @php
                                $visitLead   = $visit->lead;
                                $visitReq    = $visitLead ? $visitLead->requirement : null;
                                $visitClient = $visitReq ? $visitReq->client : null;
                            @endphp
                            <tr>
                                <td>
                                    @if($visitClient)
                                    <a href="{{ route('admin.client.show', $visitClient) }}" class="text-decoration-none fw-medium">
                                        {{ $visitClient->full_name }}
                                    </a>
                                    @else
                                    <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="text-muted">
                                    @if($visitReq)
                                    {{ \App\Models\ClientRequirement::INTEREST_TYPES[$visitReq->interest_type] ?? $visitReq->interest_type }}
                                    @if($visitReq->property_type)
                                        · {{ \App\Models\ClientRequirement::PROPERTY_TYPES[$visitReq->property_type] ?? $visitReq->property_type }}
                                    @endif
                                    @else
                                    —
                                    @endif
                                </td>
                                <td>
                                    @if($visit->stageSnapshot)
                                    <span class="badge" style="background-color:{{ $visit->stageSnapshot->color }}">
                                        {{ $visit->stageSnapshot->name }}
                                    </span>
                                    @else
                                    <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="text-nowrap">{{ $visit->formattedVisitDateTime() }}</td>
                                <td>{{ $visit->accompanying_staff }}</td>
                                <td class="text-muted" style="max-width:200px">{{ $visit->notes ?: '—' }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>

    </div>

    {{-- Right column --}}
    <div class="col-lg-4">

        {{-- Location Map --}}
        @php $mapsKey = config('services.google.maps_key'); @endphp
        @if($property->latitude && $property->longitude)
        <div class="card border-0 shadow-sm mb-4 overflow-hidden">
            <div class="card-header bg-white py-3 d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-semibold"><i class="bi bi-pin-map me-1 text-primary"></i>Location</h6>
                <a href="https://www.google.com/maps?q={{ $property->latitude }},{{ $property->longitude }}"
                   target="_blank" rel="noopener" class="btn btn-sm btn-light py-0 px-2">
                    <i class="bi bi-box-arrow-up-right me-1"></i><small>Open in Maps</small>
                </a>
            </div>
            @if($mapsKey)
            <img src="https://maps.googleapis.com/maps/api/staticmap?center={{ $property->latitude }},{{ $property->longitude }}&zoom=15&size=600x300&scale=2&markers=color:red%7C{{ $property->latitude }},{{ $property->longitude }}&key={{ $mapsKey }}"
                 alt="Property location map"
                 class="w-100 d-block"
                 style="height:200px; object-fit:cover">
            @else
            <div id="detail-map-canvas" style="height:200px"></div>
            @endif
            <div class="card-footer bg-white border-top py-2 px-3">
                <small class="text-muted">
                    <i class="bi bi-geo-alt me-1"></i>
                    {{ number_format((float)$property->latitude, 6) }},
                    {{ number_format((float)$property->longitude, 6) }}
                </small>
            </div>
        </div>
        @elseif($mapsKey || true)
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-body text-center py-4 text-muted small">
                <i class="bi bi-pin-map d-block fs-3 mb-2 opacity-25"></i>
                No GPS coordinates saved for this property.
                <div class="mt-2">
                    <a href="{{ route('admin.property.edit', $property) }}" class="btn btn-sm btn-outline-secondary py-0 px-2">
                        <i class="bi bi-pencil me-1"></i>Add on Edit
                    </a>
                </div>
            </div>
        </div>
        @endif

        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-white py-3">
                <h6 class="mb-0 fw-semibold">Owner</h6>
            </div>
            <div class="card-body small">
                @if($property->owner)
                    <div class="fw-semibold">{{ $property->owner->name }}</div>
                    <div class="text-muted">{{ $property->owner->mobile }}</div>
                    @if($property->owner->email)
                        <div class="text-muted">{{ $property->owner->email }}</div>
                    @endif
                    @if($property->owner->address)
                        <div class="text-muted mt-1">{{ $property->owner->address }}</div>
                    @endif
                @else
                    <span class="text-muted">—</span>
                @endif
            </div>
        </div>

        @if($property->broker)
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-header bg-white py-3">
                    <h6 class="mb-0 fw-semibold">Broker</h6>
                </div>
                <div class="card-body small">
                    <a href="{{ route('admin.broker.show', $property->broker) }}"
                       class="fw-semibold text-decoration-none text-dark">
                        {{ $property->broker->name }}
                    </a>
                    <div class="text-muted">{{ $property->broker->mobile }}</div>
                </div>
            </div>
        @endif

        @if(auth()->user()->isAdmin() && $property->listing_purpose === 'for_rent')
        @php $managedCardClass = 'card border-0 shadow-sm mb-4' . ($property->is_managed ? ' border-success border-opacity-50' : ''); @endphp
        <div class="{{ $managedCardClass }}">
            <div class="card-body small">
                <div class="d-flex align-items-center justify-content-between">
                    <div>
                        <div class="fw-semibold mb-1">
                            <i class="bi bi-shield-check me-1 {{ $property->is_managed ? 'text-success' : 'text-muted' }}"></i>
                            Managed by {{ \App\Models\AppSetting::get('company_name', 'Agrawal Properties') }}
                        </div>
                        <div class="text-muted">
                            @if($property->is_managed)
                                Rent collection tracking is active.
                                <a href="{{ route('admin.managed-rentals.checklist', $property) }}" class="ms-1">
                                    View checklist &rarr;
                                </a>
                            @else
                                Enable to track monthly rent collection.
                            @endif
                        </div>
                    </div>
                    <form method="POST" action="{{ route('admin.managed-rentals.toggle', $property) }}" class="ms-3">
                        @csrf @method('PATCH')
                        <div class="form-check form-switch mb-0">
                            <input class="form-check-input" type="checkbox"
                                   onchange="this.form.submit()"
                                   {{ $property->is_managed ? 'checked' : '' }}
                                   style="cursor:pointer;width:2.5em;height:1.4em">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        @endif

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white py-3">
                <h6 class="mb-0 fw-semibold">Metadata</h6>
            </div>
            <div class="card-body small">
                @if($property->sourcingChannel)
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">Source</span>
                        <span>{{ $property->sourcingChannel->name }}</span>
                    </div>
                @endif
                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted">Added by</span>
                    <span>{{ $property->createdBy->name ?? '—' }}</span>
                </div>
                @if($property->updatedBy)
                    <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted">Last edited by</span>
                        <span>{{ $property->updatedBy->name }}</span>
                    </div>
                @endif
                <div class="d-flex justify-content-between">
                    <span class="text-muted">Created</span>
                    <span>{{ $property->created_at->format('d M Y') }}</span>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection