@extends('layouts.app')
@section('title', 'Pests & Disease Dashboard - Blackberry Farm')
@section('content')



    <div class="container">
        <div class="header">
            <div>
                <h1>🐛 Pest & Disease Management</h1>
                <p>Monitor and manage pest, disease, and plant health issues</p>
            </div>
            <div>
                <a href="/pest-disease/create" class="btn btn-success">🐛 Report Issue</a>
                <a href="/pest-disease-dashboard" class="btn btn-warning">📊 Dashboard</a>
                <a href="/operations" class="btn btn-secondary">Operations</a>
            </div>
        </div>

        <!-- Quick Stats -->
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-number">{{ $totalIssues ?? 0 }}</div>
                <div class="stat-label">Total Issues Logged</div>
            </div>
            <div class="stat-card orange">
                <div class="stat-number">{{ $activeIssues ?? 0 }}</div>
                <div class="stat-label">Active Issues</div>
            </div>
            <div class="stat-card green">
                <div class="stat-number">{{ $resolvedIssues ?? 0 }}</div>
                <div class="stat-label">Resolved Issues</div>
            </div>
            <div class="stat-card blue">
                <div class="stat-number">{{ $issuesThisMonth ?? 0 }}</div>
                <div class="stat-label">Issues This Month</div>
            </div>
        </div>

        <!-- Current Alerts -->
        @if(isset($currentAlerts) && count($currentAlerts) > 0)
        <div class="alert-summary">
            @foreach($currentAlerts as $alert)
            <div class="alert-card">
                <h5>⚠️ {{ $alert['title'] }}</h5>
                <p>{{ $alert['description'] }}</p>
                <small>{{ $alert['action'] }}</small>
            </div>
            @endforeach
        </div>
        @endif

        <!-- Filters -->
        <form method="GET" action="/pest-disease" class="filters">
            <div class="filter-group">
                <label for="issue_type">Issue Type</label>
                <select id="issue_type" name="issue_type" class="form-control">
                    <option value="">All Types</option>
                    <option value="pest" {{ request('issue_type') == 'pest' ? 'selected' : '' }}>Pest</option>
                    <option value="disease" {{ request('issue_type') == 'disease' ? 'selected' : '' }}>Disease</option>
                    <option value="virus" {{ request('issue_type') == 'virus' ? 'selected' : '' }}>Virus</option>
                    <option value="nutritional" {{ request('issue_type') == 'nutritional' ? 'selected' : '' }}>Nutritional</option>
                    <option value="environmental" {{ request('issue_type') == 'environmental' ? 'selected' : '' }}>Environmental</option>
                </select>
            </div>
            
            <div class="filter-group">
                <label for="severity_level">Severity</label>
                <select id="severity_level" name="severity_level" class="form-control">
                    <option value="">All Levels</option>
                    <option value="5" {{ request('severity_level') == '5' ? 'selected' : '' }}>5 - Critical</option>
                    <option value="4" {{ request('severity_level') == '4' ? 'selected' : '' }}>4 - Severe</option>
                    <option value="3" {{ request('severity_level') == '3' ? 'selected' : '' }}>3 - Significant</option>
                    <option value="2" {{ request('severity_level') == '2' ? 'selected' : '' }}>2 - Moderate</option>
                    <option value="1" {{ request('severity_level') == '1' ? 'selected' : '' }}>1 - Minor</option>
                </select>
            </div>
            
            <div class="filter-group">
                <label for="status">Status</label>
                <select id="status" name="status" class="form-control">
                    <option value="">All Statuses</option>
                    <option value="active" {{ request('status') == 'active' ? 'selected' : '' }}>Active</option>
                    <option value="treated" {{ request('status') == 'treated' ? 'selected' : '' }}>Treated</option>
                    <option value="monitoring" {{ request('status') == 'monitoring' ? 'selected' : '' }}>Monitoring</option>
                    <option value="resolved" {{ request('status') == 'resolved' ? 'selected' : '' }}>Resolved</option>
                </select>
            </div>
            
            <div class="filter-group">
                <label for="date_from">Date From</label>
                <input type="date" id="date_from" name="date_from" class="form-control" 
                       value="{{ request('date_from') }}">
            </div>
            
            <div class="filter-group" style="align-self: end;">
                <button type="submit" class="btn">Filter</button>
                <a href="/pest-disease" class="btn btn-secondary">Clear</a>
            </div>
        </form>

        <!-- Issues Table -->
        @if(isset($pestDiseaseIssues) && $pestDiseaseIssues->count() > 0)
        <table class="table">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Issue</th>
                    <th>Type</th>
                    <th>Plant/Area</th>
                    <th>Severity</th>
                    <th>Status</th>
                    <th>Treatment</th>
                    <th>Follow-up</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($pestDiseaseIssues as $issue)
                <tr class="issue-row" onclick="window.location='/pest-disease/{{ $issue->id }}'">
                    <td>{{ \Carbon\Carbon::parse($issue->observed_date)->format('M j, Y') }}</td>
                    <td>
                        <strong>{{ $issue->issue_name ?? 'Unnamed Issue' }}</strong>
                        @if($issue->spread_risk === 'high' || $issue->spread_risk === 'very_high')
                            <span style="color: #e74c3c;">⚠️</span>
                        @endif
                    </td>
                    <td>
                        <span class="badge badge-{{ $issue->issue_type ?? 'unknown' }}">
                            {{ ucfirst($issue->issue_type ?? 'Unknown') }}
                        </span>
                    </td>
                    <td>
                        @if($issue->plant_id)
                            <span class="badge" style="background: #d1ecf1; color: #0c5460;">{{ $issue->plant_id }}</span>
                        @else
                            <span style="color: #6c757d;">{{ $issue->area_affected ?? 'General' }}</span>
                        @endif
                    </td>
                    <td>
                        @if($issue->severity_level)
                            <span class="severity-indicator severity-{{ $issue->severity_level }}">{{ $issue->severity_level }}</span>
                        @else
                            <span style="color: #999;">-</span>
                        @endif
                    </td>
                    <td>
                        @php
                            $status = $issue->status ?? 'active';
                            if ($issue->treatment_applied && $status === 'active') {
                                $status = 'treated';
                            }
                        @endphp
                        <span class="status-indicator status-{{ $status }}">
                            {{ ucfirst($status) }}
                        </span>
                    </td>
                    <td>
                        @if($issue->treatment_applied)
                            <small>{{ ucwords(str_replace('_', ' ', $issue->treatment_applied)) }}</small>
                            @if($issue->treatment_date)
                                <br><small style="color: #6c757d;">{{ \Carbon\Carbon::parse($issue->treatment_date)->format('M j') }}</small>
                            @endif
                        @else
                            <span style="color: #999;">None yet</span>
                        @endif
                    </td>
                    <td>
                        @if($issue->follow_up_date)
                            @php
                                $followUp = \Carbon\Carbon::parse($issue->follow_up_date);
                                $isOverdue = $followUp->isPast();
                                $isDueSoon = $followUp->diffInDays(now()) <= 7;
                            @endphp
                            <small class="{{ $isOverdue ? 'text-danger' : ($isDueSoon ? 'text-warning' : '') }}">
                                {{ $followUp->format('M j') }}
                                @if($isOverdue) (Overdue) @elseif($isDueSoon) (Due Soon) @endif
                            </small>
                        @else
                            <span style="color: #999;">-</span>
                        @endif
                    </td>
                    <td onclick="event.stopPropagation();">
                        <a href="/pest-disease/{{ $issue->id }}" class="btn" style="padding: 4px 8px; font-size: 12px;">View</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

        <!-- Pagination -->
        @if(method_exists($pestDiseaseIssues, 'links'))
            <div class="pagination">
                {{ $pestDiseaseIssues->links() }}
            </div>
        @endif

        @else
        <div style="text-align: center; padding: 60px 20px; color: #6c757d;">
            <h3>🐛 No pest or disease issues found</h3>
            <p>Great news! No issues have been reported yet. Keep monitoring your plants for optimal health.</p>
            <a href="/pest-disease/create" class="btn btn-success">Report First Issue</a>
        </div>
        @endif

        <!-- Quick Reference -->
        <div style="margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 8px;">
            <h4>🔍 Quick Reference - Common Blackberry Issues</h4>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; margin-top: 15px;">
                <div><strong>Spotted Wing Drosophila:</strong> Small flies that lay eggs in ripening fruit</div>
                <div><strong>Anthracnose:</strong> Fungal disease causing purple lesions on canes</div>
                <div><strong>Cane Blight:</strong> Causes wilting and death of canes</div>
                <div><strong>Crown Gall:</strong> Bacterial disease forming galls on roots/canes</div>
                <div><strong>Spider Mites:</strong> Tiny pests causing stippled leaves</div>
                <div><strong>Orange Rust:</strong> Systemic disease with orange spores on leaves</div>
                <div><strong>Japanese Beetles:</strong> Metallic green beetles that skeletonize leaves</div>
                <div><strong>Root Rot:</strong> Fungal disease in poorly drained soils</div>
            </div>
        </div>
    </div>


@endsection