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




    <div class="container">
        <div class="header">
            <div>
                <h1>🐛 Issue Details</h1>
                <p>Issue ID: #{{ $issue->id ?? 'N/A' }} - {{ $issue->issue_name ?? 'Unnamed Issue' }}</p>
            </div>
            <div>
                <a href="/pest-disease" class="btn btn-secondary">← Back to List</a>
                <a href="/pest-disease/create" class="btn btn-success">Report New Issue</a>
                <a href="/pest-disease-dashboard" class="btn btn-warning">Dashboard</a>
            </div>
        </div>

        <div class="info-grid">
            <!-- Basic Information -->
            <div class="info-card">
                <h4><span>📋</span> Issue Information</h4>
                <div class="detail-row">
                    <span class="detail-label">Date Observed:</span>
                    <span class="detail-value">
                        {{ isset($issue->observed_date) ? \Carbon\Carbon::parse($issue->observed_date)->format('M j, Y') : 'N/A' }}
                    </span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Issue Type:</span>
                    <span class="detail-value">
                        <span class="badge badge-{{ $issue->issue_type ?? 'unknown' }}">
                            {{ ucfirst($issue->issue_type ?? 'Unknown') }}
                        </span>
                    </span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Affected Plant:</span>
                    <span class="detail-value">
                        @if($issue->plant_id)
                            <strong>{{ $issue->plant_id }}</strong>
                        @else
                            {{ $issue->area_affected ?? 'General area' }}
                        @endif
                    </span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Spread Risk:</span>
                    <span class="detail-value">
                        <span class="spread-risk risk-{{ $issue->spread_risk ?? 'low' }}">
                            {{ ucwords(str_replace('_', ' ', $issue->spread_risk ?? 'Low')) }}
                        </span>
                    </span>
                </div>
            </div>

            <!-- Status Information -->
            <div class="info-card">
                <h4><span>📊</span> Current Status</h4>
                <div class="detail-row">
                    <span class="detail-label">Status:</span>
                    <span class="detail-value">
                        @php
                            $status = $issue->status ?? 'active';
                            if ($issue->treatment_applied && $status === 'active') {
                                $status = 'treated';
                            }
                        @endphp
                        <span class="status-indicator status-{{ $status }}">{{ ucfirst($status) }}</span>
                    </span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Plant Stress:</span>
                    <span class="detail-value">
                        @if($issue->plant_stress_level)
                            {{ $issue->plant_stress_level }}/5
                            @if($issue->plant_stress_level >= 4) (High)
                            @elseif($issue->plant_stress_level >= 3) (Moderate)
                            @else (Low)
                            @endif
                        @else
                            Not assessed
                        @endif
                    </span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Weather Context:</span>
                    <span class="detail-value">{{ ucwords(str_replace('_', ' ', $issue->weather_conditions ?? 'Not recorded')) }}</span>
                </div>
                <div class="detail-row">
                    <span class="detail-label">Follow-up Due:</span>
                    <span class="detail-value">
                        @if($issue->follow_up_date)
                            @php
                                $followUp = \Carbon\Carbon::parse($issue->follow_up_date);
                                $isOverdue = $followUp->isPast();
                            @endphp
                            {{ $followUp->format('M j, Y') }}
                            @if($isOverdue)
                                <span style="color: #e74c3c; font-weight: bold;">(OVERDUE)</span>
                            @else
                                <small>({{ $followUp->diffForHumans() }})</small>
                            @endif
                        @else
                            Not scheduled
                        @endif
                    </span>
                </div>
            </div>
        </div>

        <!-- Severity Display -->
        @if(isset($issue->severity_level) && $issue->severity_level)
        @php
            $severity = $issue->severity_level;
            $severityLabels = [
                1 => 'Minor Issue',
                2 => 'Moderate Issue', 
                3 => 'Significant Issue',
                4 => 'Severe Issue',
                5 => 'Critical Issue'
            ];
            $severityDescriptions = [
                1 => 'Isolated problem with minimal impact',
                2 => 'Noticeable symptoms requiring attention',
                3 => 'Clear damage requiring treatment',
                4 => 'Major damage requiring immediate action',
                5 => 'Plant death risk - emergency response needed'
            ];
        @endphp
        <div class="severity-display severity-{{ $severity }}">
            <div class="severity-level">{{ $severity }}</div>
            <div class="severity-description">{{ $severityLabels[$severity] ?? 'Unknown Severity' }}</div>
            <div>{{ $severityDescriptions[$severity] ?? '' }}</div>
        </div>
        @endif

        <!-- Treatment Information -->
        @if($issue->treatment_applied || $issue->treatment_details)
        <div class="treatment-section">
            <h4>💊 Treatment Applied</h4>
            <div class="info-grid" style="margin: 0;">
                <div>
                    <div class="detail-row">
                        <span class="detail-label">Treatment Type:</span>
                        <span class="detail-value">
                            {{ $issue->treatment_applied ? ucwords(str_replace('_', ' ', $issue->treatment_applied)) : 'None yet' }}
                        </span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Treatment Date:</span>
                        <span class="detail-value">
                            @if($issue->treatment_date)
                                {{ \Carbon\Carbon::parse($issue->treatment_date)->format('M j, Y') }}
                            @else
                                Not specified
                            @endif
                        </span>
                    </div>
                </div>
                <div>
                    <div class="detail-row">
                        <span class="detail-label">Treatment Cost:</span>
                        <span class="detail-value">
                            @if($issue->treatment_cost)
                                ${{ number_format($issue->treatment_cost, 2) }}
                            @else
                                Not tracked
                            @endif
                        </span>
                    </div>
                </div>
            </div>
            @if($issue->treatment_details)
                <div style="margin-top: 15px;">
                    <strong>Treatment Details:</strong>
                    <p style="margin: 8px 0;">{{ $issue->treatment_details }}</p>
                </div>
            @endif
        </div>
        @endif

        <!-- Environmental Conditions -->
        <div class="environmental-section">
            <h4>🌡️ Environmental Assessment</h4>
            <div class="info-grid" style="margin: 0;">
                <div>
                    <div class="detail-row">
                        <span class="detail-label">Weather Conditions:</span>
                        <span class="detail-value">{{ ucwords(str_replace('_', ' ', $issue->weather_conditions ?? 'Not recorded')) }}</span>
                    </div>
                    <div class="detail-row">
                        <span class="detail-label">Plant Stress Level:</span>
                        <span class="detail-value">
                            {{ $issue->plant_stress_level ?? 'N/A' }}/5
                            @if($issue->plant_stress_level >= 4) <span style="color: #e74c3c;">High Stress</span>
                            @elseif($issue->plant_stress_level >= 3) <span style="color: #f39c12;">Moderate Stress</span>
                            @elseif($issue->plant_stress_level >= 1) <span style="color: #27ae60;">Low Stress</span>
                            @endif
                        </span>
                    </div>
                </div>
                <div>
                    <div class="detail-row">
                        <span class="detail-label">Spread Risk:</span>
                        <span class="detail-value">
                            <span class="spread-risk risk-{{ $issue->spread_risk ?? 'low' }}">
                                {{ ucwords(str_replace('_', ' ', $issue->spread_risk ?? 'Low')) }}
                            </span>
                        </span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Description and Symptoms -->
        @if($issue->description)
        <div class="description-section">
            <h4>📝 Description & Symptoms</h4>
            <p>{{ $issue->description }}</p>
        </div>
        @endif

        <!-- Additional Notes -->
        @if($issue->notes)
        <div class="info-card">
            <h4><span>📋</span> Additional Notes & Action Plan</h4>
            <p>{{ $issue->notes }}</p>
        </div>
        @endif

        <!-- Follow-up Alert -->
        @if(isset($issue->follow_up_date) && \Carbon\Carbon::parse($issue->follow_up_date)->isPast())
        <div class="follow-up-alert">
            <h4>⚠️ Follow-up Overdue</h4>
            <p>The scheduled follow-up check was due on {{ \Carbon\Carbon::parse($issue->follow_up_date)->format('M j, Y') }} 
               ({{ \Carbon\Carbon::parse($issue->follow_up_date)->diffForHumans() }}). 
               Please assess the current status and update this issue.</p>
        </div>
        @endif

        <!-- Quick Actions -->
        <div class="update-status">
            <h4>⚡ Quick Actions</h4>
            <div class="action-buttons">
                <div class="action-card">
                    <h5>✅ Mark Resolved</h5>
                    <p>Issue has been successfully treated</p>
                    <form method="POST" action="/pest-disease/{{ $issue->id }}" style="display: inline;">
                        @csrf
                        @method('PATCH')
                        <input type="hidden" name="status" value="resolved">
                        <button type="submit" class="btn" style="background: #27ae60; font-size: 12px; padding: 8px 16px;">Mark Resolved</button>
                    </form>
                </div>

                <div class="action-card">
                    <h5>👁️ Update to Monitoring</h5>
                    <p>Continue monitoring progress</p>
                    <form method="POST" action="/pest-disease/{{ $issue->id }}" style="display: inline;">
                        @csrf
                        @method('PATCH')
                        <input type="hidden" name="status" value="monitoring">
                        <button type="submit" class="btn" style="background: #f39c12; font-size: 12px; padding: 8px 16px;">Set Monitoring</button>
                    </form>
                </div>

                <div class="action-card">
                    <h5>🔄 Needs More Treatment</h5>
                    <p>Issue requires additional treatment</p>
                    <form method="POST" action="/pest-disease/{{ $issue->id }}" style="display: inline;">
                        @csrf
                        @method('PATCH')
                        <input type="hidden" name="status" value="active">
                        <button type="submit" class="btn" style="background: #e74c3c; font-size: 12px; padding: 8px 16px;">Reactivate</button>
                    </form>
                </div>

                <div class="action-card">
                    <h5>📝 Add Follow-up Note</h5>
                    <p>Log treatment progress or changes</p>
                    <a href="/pest-disease/create?related={{ $issue->id }}" class="btn" style="font-size: 12px; padding: 8px 16px;">Add Update</a>
                </div>
            </div>
        </div>

        <!-- Timestamps -->
        <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9ecef; font-size: 14px; color: #6c757d;">
            <div class="detail-row">
                <span>Record Created:</span>
                <span>
                    @if(isset($issue->created_at))
                        {{ \Carbon\Carbon::parse($issue->created_at)->format('M j, Y g:i A') }}
                    @else
                        N/A
                    @endif
                </span>
            </div>
            @if(isset($issue->updated_at) && $issue->updated_at != $issue->created_at)
            <div class="detail-row">
                <span>Last Updated:</span>
                <span>{{ \Carbon\Carbon::parse($issue->updated_at)->format('M j, Y g:i A') }}</span>
            </div>
            @endif
        </div>
    </div>

@endsection