@extends('layouts.dashboard')

@section('dashboard-content')
    <div class="search-card">
        <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px;">
            <div>
                <h2 class="section-title">Property – {{ $property->property_number }}</h2>
                <p style="margin: 4px 0; color: var(--text-muted);">{{ $property->property_type }} · {{ $property->owner }}</p>
            </div>
            <a href="{{ route('property.index') }}" class="btn btn-secondary">Back to list</a>
        </div>

        @if(session('success'))
            <div class="alert alert-success" style="margin-top: 16px;">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-error" style="margin-top: 16px;">{{ session('error') }}</div>
        @endif

        <div class="form-grid" style="margin-top: 24px;">
            <div class="form-group">
                <span class="form-label">Property number</span>
                <p style="margin: 4px 0;">{{ $property->property_number }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Property type</span>
                <p style="margin: 4px 0;">{{ $property->property_type }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Size (sqm)</span>
                <p style="margin: 4px 0;">{{ $property->size_sqm !== null ? number_format($property->size_sqm) : '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Plot</span>
                <p style="margin: 4px 0;">{{ $property->plot ?: '—' }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Owner</span>
                <p style="margin: 4px 0;">{{ $property->owner }}</p>
            </div>
            <div class="form-group">
                <span class="form-label">Party (ownership type)</span>
                @php $ptLabels = \App\Models\PropertyIndex::partyTypes(); @endphp
                <p style="margin: 4px 0;">{{ $property->party_type && isset($ptLabels[$property->party_type]) ? $ptLabels[$property->party_type] : '—' }}</p>
                <form method="post" action="{{ route('property.update-party-type', $property->id) }}" style="display: inline-flex; gap: 8px; margin-top: 8px;">
                    @csrf
                    <select name="party_type" class="form-select" style="width: auto;">
                        <option value="">— None —</option>
                        @foreach($ptLabels as $value => $label)
                            <option value="{{ $value }}" {{ $property->party_type === $value ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                    <button type="submit" class="btn btn-secondary" style="padding: 4px 12px;">Update</button>
                </form>
            </div>
            <div class="form-group">
                <span class="form-label">Boundary (location)</span>
                <p style="margin: 4px 0;">
                    @if($property->boundary)
                        <a href="{{ route('boundaries.show', $property->boundary_id) }}">{{ $property->boundary->boundary_number }} – {{ $property->boundary->name }}</a>
                    @else
                        —
                    @endif
                </p>
            </div>
            <div class="form-group">
                <span class="form-label">State</span>
                <p style="margin: 4px 0;">{{ $property->state ?: '—' }}</p>
            </div>
            @if($property->address)
                <div class="form-group" style="grid-column: 1 / -1;">
                    <span class="form-label">Address</span>
                    <p style="margin: 4px 0;">{{ $property->address }}</p>
                </div>
            @endif
            @if($property->description)
                <div class="form-group" style="grid-column: 1 / -1;">
                    <span class="form-label">Description</span>
                    <p style="margin: 4px 0;">{{ $property->description }}</p>
                </div>
            @endif
        </div>

        <h3 class="section-subtitle" style="margin-top: 32px;">Documents (CofO, RofO, survey plan, application form, land agreement)</h3>
        <p class="section-desc">Upload documents for this property. Each type (CofO, RofO, survey plan, application form, land agreement) can have one or more files.</p>

        <div class="search-card" style="margin-top: 16px;">
            <h4 class="section-subtitle">Upload document</h4>
            <form method="post" action="{{ route('property.document.store', $property->id) }}" enctype="multipart/form-data">
                @csrf
                <div class="form-grid">
                    <div class="form-group">
                        <label class="form-label">Document type</label>
                        <select name="document_type" class="form-select" required>
                            @foreach($documentTypes as $value => $label)
                                <option value="{{ $value }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">File</label>
                        <input type="file" name="file" class="form-input" required accept=".pdf,.doc,.docx,.jpg,.jpeg,.png">
                    </div>
                    <div class="form-group" style="align-self: flex-end;">
                        <button type="submit" class="btn btn-primary">Upload</button>
                    </div>
                </div>
            </form>
        </div>

        <div style="margin-top: 24px;">
            @php
                $byType = $property->documents->groupBy('document_type');
            @endphp
            @forelse($documentTypes as $typeKey => $typeLabel)
                @if(isset($byType[$typeKey]) && $byType[$typeKey]->isNotEmpty())
                    <div class="search-card" style="margin-bottom: 16px;">
                        <h4 class="section-subtitle">{{ $typeLabel }}</h4>
                        <ul style="list-style: none; padding: 0; margin: 0;">
                            @foreach($byType[$typeKey] as $doc)
                                <li style="display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid var(--border-color);">
                                    <span>{{ $doc->file_name ?: $doc->document_type }} ({{ $doc->uploaded_at ? $doc->uploaded_at->format('d M Y') : '—' }})</span>
                                    <a href="{{ route('property.document.download', [$property->id, $doc->id]) }}" class="btn btn-secondary" style="padding: 4px 12px;">Download</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            @empty
            @endforelse
            @if($property->documents->isEmpty())
                <p class="empty-state">No documents uploaded yet. Use the form above to upload CofO, RofO, survey plan, application form, or land agreement.</p>
            @endif
        </div>
    </div>
@endsection