@extends('layouts.dashboard')

@section('dashboard-content')
<div class="search-card">
    <h2 class="section-title">Index Property</h2>
    <p class="section-desc">Properties on boundary location of the state. Capture property number, type, size (sqm and plot), owner, and upload documents (CofO, RofO, survey plan, application form, land agreement) for indexing.</p>

    @if(session('success'))
        <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('success') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-error">
            <ul style="margin: 0; padding-left: 20px;">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
        </div>
    @endif
</div>

<div class="search-card" style="margin-top: 24px;">
    <h3 class="section-subtitle">Upload documents for a property</h3>
    <p class="section-desc">Select a property and upload CofO, RofO, survey plan, application form, or land agreement. You can also open a property below and upload from its detail page.</p>
    <form method="post" action="{{ route('property.upload-from-index') }}" enctype="multipart/form-data" style="margin-top: 12px;">
        @csrf
        <div class="form-grid">
            <div class="form-group">
                <label class="form-label">Property</label>
                <select name="property_id" class="form-select" required>
                    <option value="">— Select property —</option>
                    @foreach($propertiesForUpload as $p)
                        <option value="{{ $p->id }}" {{ (int)old('property_id') === (int)$p->id ? 'selected' : '' }}>{{ $p->property_number }} – {{ Str::limit($p->owner, 30) }}</option>
                    @endforeach
                </select>
            </div>
            <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>
    @if($propertiesForUpload->isEmpty())
        <p class="section-desc" style="margin-top: 8px; color: var(--text-muted);">Add a property below first, then you can upload documents here or on the property page.</p>
    @endif
</div>

<div class="search-card" style="margin-top: 24px;">
    <h3 class="section-subtitle">Add property</h3>
    <form method="post" action="{{ route('property.store') }}">
        @csrf
        <div class="form-grid">
            <div class="form-group">
                <label class="form-label">Property number *</label>
                <input type="text" class="form-input" name="property_number" value="{{ old('property_number') }}" required maxlength="50">
            </div>
            <div class="form-group">
                <label class="form-label">Property type *</label>
                <input type="text" class="form-input" name="property_type" value="{{ old('property_type') }}" required maxlength="100">
            </div>
            <div class="form-group">
                <label class="form-label">Size (sqm)</label>
                <input type="number" class="form-input" name="size_sqm" value="{{ old('size_sqm') }}" step="0.01" min="0">
            </div>
            <div class="form-group">
                <label class="form-label">Plot</label>
                <input type="text" class="form-input" name="plot" value="{{ old('plot') }}" maxlength="100">
            </div>
            <div class="form-group">
                <label class="form-label">Owner *</label>
                <input type="text" class="form-input" name="owner" value="{{ old('owner') }}" required maxlength="255">
            </div>
            <div class="form-group">
                <label class="form-label">Party (ownership type)</label>
                <select class="form-select" name="party_type">
                    <option value="">— Select —</option>
                    @foreach($partyTypes ?? \App\Models\PropertyIndex::partyTypes() as $value => $label)
                        <option value="{{ $value }}" {{ old('party_type') === $value ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Boundary (location)</label>
                <select class="form-select" name="boundary_id">
                    <option value="">— None —</option>
                    @foreach($boundaries as $b)
                        <option value="{{ $b->id }}" {{ (int)old('boundary_id') === (int)$b->id ? 'selected' : '' }}>{{ $b->boundary_number }} – {{ Str::limit($b->name, 40) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">State</label>
                <input type="text" class="form-input" name="state" value="{{ old('state') }}" maxlength="100">
            </div>
            <div class="form-group" style="grid-column: 1 / -1;">
                <label class="form-label">Address</label>
                <textarea class="form-input" name="address" rows="2">{{ old('address') }}</textarea>
            </div>
            <div class="form-group" style="grid-column: 1 / -1;">
                <label class="form-label">Description</label>
                <textarea class="form-input" name="description" rows="2">{{ old('description') }}</textarea>
            </div>
        </div>
        <div class="button-group" style="margin-top: 12px;">
            <button type="submit" class="btn btn-primary">Index property</button>
        </div>
    </form>
</div>

<div class="search-card" style="margin-top: 24px;">
    <h3 class="section-subtitle">Search properties</h3>
    <form method="get" action="{{ route('property.index') }}" class="form-grid" style="margin-bottom: 16px;">
        <div class="form-group">
            <label class="form-label">Property number</label>
            <input type="text" class="form-input" name="property_number" value="{{ request('property_number') }}">
        </div>
        <div class="form-group">
            <label class="form-label">Property type</label>
            <input type="text" class="form-input" name="property_type" value="{{ request('property_type') }}">
        </div>
        <div class="form-group">
            <label class="form-label">Owner</label>
            <input type="text" class="form-input" name="owner" value="{{ request('owner') }}">
        </div>
        <div class="form-group">
            <label class="form-label">Party type</label>
            <select class="form-select" name="party_type">
                <option value="">— All —</option>
                @foreach($partyTypes ?? \App\Models\PropertyIndex::partyTypes() as $value => $label)
                    <option value="{{ $value }}" {{ request('party_type') === $value ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            <label class="form-label">State</label>
            <input type="text" class="form-input" name="state" value="{{ request('state') }}">
        </div>
        <div class="form-group" style="align-self: flex-end;">
            <button type="submit" class="btn btn-primary">Search</button>
            <a href="{{ route('property.index') }}" class="btn btn-secondary">Clear</a>
        </div>
    </form>

    <h3 class="section-subtitle">Results ({{ $properties->count() }})</h3>
    @if($properties->isEmpty())
        <p class="empty-state">No properties found. Add a property above or adjust search.</p>
    @else
        <div class="table-responsive">
            <table class="overview-table">
                <thead>
                    <tr>
                        <th>Property #</th>
                        <th>Type</th>
                        <th>Party</th>
                        <th>Size (sqm)</th>
                        <th>Plot</th>
                        <th>Owner</th>
                        <th>Boundary / State</th>
                        <th>Docs</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @php $partyTypesList = $partyTypes ?? \App\Models\PropertyIndex::partyTypes(); @endphp
                    @foreach($properties as $p)
                        <tr>
                            <td><strong>{{ $p->property_number }}</strong></td>
                            <td>{{ $p->property_type }}</td>
                            <td>{{ $p->party_type && isset($partyTypesList[$p->party_type]) ? $partyTypesList[$p->party_type] : '—' }}</td>
                            <td>{{ $p->size_sqm !== null ? number_format($p->size_sqm) : '—' }}</td>
                            <td>{{ $p->plot ?: '—' }}</td>
                            <td>{{ Str::limit($p->owner, 30) }}</td>
                            <td>
                                @if($p->boundary)
                                    <a href="{{ route('boundaries.show', $p->boundary_id) }}">{{ $p->boundary->boundary_number }}</a>
                                @else
                                    {{ $p->state ?: '—' }}
                                @endif
                            </td>
                            <td>{{ $p->documents_count ?? 0 }}</td>
                            <td>
                                <a href="{{ route('property.show', $p->id) }}" class="btn btn-primary" style="padding: 4px 8px; font-size: 0.875rem;">View / Upload docs</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection