@extends('emails.layouts.farm')

@section('content')
<div class="alert-banner alert-{{ strtolower($severity ?? 'moderate') }}">
    <h3 style="margin: 0; font-size: 18px;">
        {{ $alertIcon ?? '⚠️' }} {{ $title }}
    </h3>
    @if(isset($urgency))
    <span class="priority-badge priority-{{ strtolower($urgency) }}">{{ ucfirst($urgency) }} Priority</span>
    @endif
</div>

<div class="weather-info">
    <h4>🌤️ Current Weather Conditions</h4>
    <div class="info-grid">
        @if(isset($temperature))
        <div class="info-item">
            <h4>Temperature</h4>
            <p>{{ $temperature }}°F</p>
        </div>
        @endif
        
        @if(isset($humidity))
        <div class="info-item">
            <h4>Humidity</h4>
            <p>{{ $humidity }}%</p>
        </div>
        @endif
        
        @if(isset($windSpeed))
        <div class="info-item">
            <h4>Wind Speed</h4>
            <p>{{ $windSpeed }} mph</p>
        </div>
        @endif
        
        @if(isset($precipitation))
        <div class="info-item">
            <h4>Precipitation</h4>
            <p>{{ $precipitation }}%</p>
        </div>
        @endif
    </div>
</div>

<div style="margin: 20px 0;">
    <h4>📋 Alert Details</h4>
    <p style="font-size: 16px; line-height: 1.6;">{{ $message }}</p>
</div>

@if(isset($recommendations) && count($recommendations) > 0)
<div style="margin: 20px 0;">
    <h4>💡 Recommended Actions</h4>
    <ul style="padding-left: 20px;">
        @foreach($recommendations as $recommendation)
        <li style="margin: 8px 0; font-size: 14px;">{{ $recommendation }}</li>
        @endforeach
    </ul>
</div>
@endif

@if(isset($impactedPlants) && count($impactedPlants) > 0)
<div style="margin: 20px 0;">
    <h4>🫐 Affected Plants</h4>
    <div class="info-grid">
        @foreach($impactedPlants as $plant)
        <div class="info-item">
            <h4>{{ $plant['variety'] ?? 'Plant' }} - {{ $plant['field_location'] ?? 'Unknown Location' }}</h4>
            <p>Age: {{ $plant['age_months'] ?? 'Unknown' }} months | Status: {{ $plant['status'] ?? 'Unknown' }}</p>
        </div>
        @endforeach
    </div>
</div>
@endif

@if(isset($forecast) && count($forecast) > 0)
<div style="margin: 20px 0;">
    <h4>📅 Weather Forecast</h4>
    <div style="background-color: #f8f9fa; padding: 15px; border-radius: 6px;">
        @foreach($forecast as $day)
        <div style="margin: 10px 0; padding: 10px; border-bottom: 1px solid #e9ecef;">
            <strong>{{ $day['date'] }}</strong>: {{ $day['description'] ?? '' }}
            <br>
            <small style="color: #666;">
                High: {{ $day['high'] ?? 'N/A' }}°F | Low: {{ $day['low'] ?? 'N/A' }}°F
                @if(isset($day['precipitation']))
                | Rain: {{ $day['precipitation'] }}%
                @endif
            </small>
        </div>
        @endforeach
    </div>
</div>
@endif

<div style="text-align: center; margin: 30px 0;">
    <a href="{{ config('app.url') }}/dashboard" class="action-button">
        📊 View Dashboard
    </a>
    <a href="{{ config('app.url') }}/weather" class="action-button">
        🌤️ Weather Details
    </a>
    @if(isset($taskId))
    <a href="{{ config('app.url') }}/tasks/{{ $taskId }}" class="action-button">
        ✅ View Related Tasks
    </a>
    @endif
</div>

<div style="background-color: #fff3cd; border: 1px solid #ffeaa7; padding: 15px; border-radius: 6px; margin: 20px 0;">
    <p style="margin: 0; font-size: 14px; color: #856404;">
        <strong>📧 Notification Info:</strong>
        Sent at {{ $sentAt ?? now()->format('M j, Y g:i A') }} | 
        Alert Type: {{ $alertType ?? 'Weather Alert' }}
        @if(isset($nextCheck))
        | Next Check: {{ $nextCheck }}
        @endif
    </p>
</div>
@endsection