@if(session('success'))
    <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('success') }}</div>
@endif
@if(session('info'))
    <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('info') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-error" style="margin-bottom: 16px;">{{ session('error') }}</div>
@endif
<div class="search-card">
    <form method="get" action="{{ url('/dashboard') }}">
        <input type="hidden" name="section" value="dispute">
        <h2 class="section-title">Disputes</h2>
        <div class="form-grid">
            <div class="form-group">
                <label class="form-label">Dispute Number</label>
                <input type="text" class="form-input" name="dispute_number" placeholder="e.g. DSP-001" value="{{ $disputeForm['dispute_number'] ?? '' }}">
            </div>
            <div class="form-group">
                <label class="form-label">Dispute Title</label>
                <input type="text" class="form-input" name="title" placeholder="e.g. Land Dispute Between States" value="{{ $disputeForm['title'] ?? '' }}">
            </div>
            <div class="form-group">
                <label class="form-label">Status</label>
                <select class="form-select" name="status">
                    <option value="">-- Select Status --</option>
                    <option value="pending" {{ ($disputeForm['status'] ?? '') === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="under_investigation" {{ ($disputeForm['status'] ?? '') === 'under_investigation' ? 'selected' : '' }}>Under Investigation</option>
                    <option value="mediation" {{ ($disputeForm['status'] ?? '') === 'mediation' ? 'selected' : '' }}>Mediation</option>
                    <option value="adjudication" {{ ($disputeForm['status'] ?? '') === 'adjudication' ? 'selected' : '' }}>Adjudication</option>
                    <option value="resolved" {{ ($disputeForm['status'] ?? '') === 'resolved' ? 'selected' : '' }}>Resolved</option>
                    <option value="appealed" {{ ($disputeForm['status'] ?? '') === 'appealed' ? 'selected' : '' }}>Appealed</option>
                    <option value="closed" {{ ($disputeForm['status'] ?? '') === 'closed' ? 'selected' : '' }}>Closed</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Priority</label>
                <select class="form-select" name="priority">
                    <option value="">-- Select Priority --</option>
                    <option value="low" {{ ($disputeForm['priority'] ?? '') === 'low' ? 'selected' : '' }}>Low</option>
                    <option value="normal" {{ ($disputeForm['priority'] ?? '') === 'normal' ? 'selected' : '' }}>Normal</option>
                    <option value="high" {{ ($disputeForm['priority'] ?? '') === 'high' ? 'selected' : '' }}>High</option>
                    <option value="urgent" {{ ($disputeForm['priority'] ?? '') === 'urgent' ? 'selected' : '' }}>Urgent</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">State</label>
                <input type="text" class="form-input" name="state" placeholder="e.g. Plateau State" value="{{ $disputeForm['state'] ?? '' }}">
            </div>
            <div class="form-group">
                <label class="form-label">Claimant A</label>
                <input type="text" class="form-input" name="claimant_a" placeholder="First claimant" value="{{ $disputeForm['claimant_a'] ?? '' }}">
            </div>
            <div class="form-group">
                <label class="form-label">Claimant B</label>
                <input type="text" class="form-input" name="claimant_b" placeholder="Second claimant" value="{{ $disputeForm['claimant_b'] ?? '' }}">
            </div>
        </div>
        <div class="button-group">
            <button type="submit" class="btn btn-primary">Search</button>
            <a href="{{ url('/dashboard?section=dispute') }}" class="btn btn-secondary">Clear</a>
        </div>
    </form>
</div>

@if(isset($disputes) && (count($disputeFilters) > 0 || count($disputes) > 0))
    <div class="search-card" style="margin-top: 24px;">
        <h3 class="section-title">Results ({{ count($disputes) }})</h3>
        @if(count($disputes) === 0)
            <p class="empty-state">No disputes found. Try adjusting your search criteria.</p>
        @else
            <div class="results-grid dispute-results">
                @foreach($disputes as $d)
                    <div class="dispute-card overview-table-card" style="padding: 20px; margin-bottom: 16px;">
                        <div style="display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 12px;">
                            <div>
                                <h4 style="margin: 0 0 4px; color: var(--primary-dark);">{{ $d['title'] }}</h4>
                                <p style="margin: 0; font-size: 0.9em; color: var(--text-muted);">Dispute Number: {{ $d['dispute_number'] }}</p>
                            </div>
                            <div style="display: flex; gap: 8px; flex-wrap: wrap;">
                                <span class="status-pill {{ $d['status'] === 'resolved' || $d['status'] === 'closed' ? 'enabled' : 'disabled' }}">{{ str_replace('_', ' ', $d['status'] ?? '—') }}</span>
                                @if(!empty($d['priority']))
                                    <span class="status-pill enabled">{{ $d['priority'] }}</span>
                                @endif
                            </div>
                        </div>
                        <div style="margin-top: 12px; font-size: 0.9em;">
                            <p style="margin: 4px 0;"><strong>Claimants:</strong> {{ $d['claimant_a'] ?? '—' }}{{ !empty($d['party_a_type']) ? ' (' . $d['party_a_type'] . ')' : '' }} vs {{ $d['claimant_b'] ?? '—' }}{{ !empty($d['party_b_type']) ? ' (' . $d['party_b_type'] . ')' : '' }}</p>
                            @if(!empty($d['dispute_type']))
                                <p style="margin: 4px 0;"><strong>Type:</strong> {{ str_replace('_', ' ', $d['dispute_type']) }}</p>
                            @endif
                            @if(!empty($d['filed_date']))
                                <p style="margin: 4px 0;"><strong>Filed:</strong> {{ $d['filed_date'] }}</p>
                            @endif
                            @if(!empty($d['assigned_officer']))
                                <p style="margin: 4px 0;"><strong>Assigned officer:</strong> {{ $d['assigned_officer'] }}</p>
                            @endif
                            @if(!empty($d['mediator_name']))
                                <p style="margin: 4px 0;"><strong>Mediator:</strong> {{ $d['mediator_name'] }}</p>
                            @endif
                            @if(!empty($d['escalated_to_violence']) && $d['escalated_to_violence'])
                                <p style="margin: 4px 0;"><strong class="text-danger">Escalated to violence</strong>@if(!empty($d['escalated_at'])) — {{ $d['escalated_at'] }}@endif</p>
                            @endif
                        </div>
                        <div style="margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap;">
                            @if(!empty($d['boundary_id']))
                                <a href="{{ route('boundaries.show', $d['boundary_id']) }}" class="btn btn-primary" style="display: inline-block;">View boundary</a>
                            @endif
                            @if(empty($d['escalated_to_violence']) || !$d['escalated_to_violence'])
                                <form method="post" action="{{ route('dashboard.disputes.escalate', $d['id']) }}" style="display: inline;" onsubmit="return confirm('Mark this dispute as escalated to violence? This will log an alert for security agencies.');">
                                    @csrf
                                    <button type="submit" class="btn btn-secondary" style="background: rgba(220, 53, 69, 0.9); color: white;">Mark escalated to violence</button>
                                </form>
                            @endif
                            <a href="{{ url('/api/boundary/disputes/' . $d['dispute_number']) }}" target="_blank" rel="noopener" class="btn btn-secondary">View details (API)</a>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endif