@extends('layouts.app')
@section('title', $cropPlan->name)
@section('content')

{{-- Header --}}
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">{{ $cropPlan->name }}</h1>
        <p class="text-muted mb-0 text-capitalize">
            {{ $cropPlan->crop }} &middot; {{ $cropPlan->location }} &middot;
            {{ date('F', mktime(0,0,0,$cropPlan->planting_month,1)) }}
        </p>
    </div>
    <div class="d-flex gap-2 flex-wrap">
        <form method="POST" action="{{ route('analysis.run', $cropPlan) }}">
            @csrf
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-arrow-repeat me-2"></i>Run Analysis
            </button>
        </form>
        <a href="{{ route('analysis.simulate.form', $cropPlan) }}" class="btn btn-outline-secondary">
            <i class="bi bi-sliders me-2"></i>What-If
        </a>
        <a href="{{ route('crop-plans.edit', $cropPlan) }}" class="btn btn-outline-secondary">
            <i class="bi bi-pencil me-2"></i>Edit
        </a>
        <form method="POST" action="{{ route('crop-plans.archive', $cropPlan) }}">
            @csrf @method('PATCH')
            <button type="submit" class="btn btn-outline-secondary"
                    onclick="return confirm('Archive this plan?')">
                <i class="bi bi-archive me-2"></i>Archive
            </button>
        </form>
        <form method="POST" action="{{ route('crop-plans.destroy', $cropPlan) }}">
            @csrf @method('DELETE')
            <button type="submit" class="btn btn-outline-danger"
                    onclick="return confirm('Delete this plan? This cannot be undone.')">
                <i class="bi bi-trash me-2"></i>Delete
            </button>
        </form>
    </div>
</div>

@if(!$latestResult)
    <div class="card border-0">
        <div class="card-body p-5 text-center">
            <i class="bi bi-graph-up" style="font-size:2.5rem;color:var(--soil-brown)"></i>
            <p class="text-muted mt-3 mb-3">No analysis yet for this plan.</p>
            <form method="POST" action="{{ route('analysis.run', $cropPlan) }}">
                @csrf
                <button type="submit" class="btn btn-primary">Run Analysis Now</button>
            </form>
        </div>
    </div>
@else

@php
    $label          = $latestResult->feasibility_label;
    $isNotSuitable  = $label === 'not_suitable';
    $marketDegraded = !$latestResult->market_price_per_quintal;
    $confidence     = round($latestResult->feasibility_confidence * 100);
    $stampClass = match($label) {
        'suitable'     => 'verdict-suitable',
        'risky'        => 'verdict-risky',
        'not_suitable' => 'verdict-not-suitable',
        default        => 'verdict-risky'
    };
    $stampIcon = match($label) {
        'suitable'     => 'bi-check-circle',
        'risky'        => 'bi-exclamation-triangle',
        'not_suitable' => 'bi-x-circle',
        default        => 'bi-question-circle'
    };
    $stampText = match($label) {
        'suitable'     => 'Suitable',
        'risky'        => 'Risky',
        'not_suitable' => 'Not Suitable',
        default        => 'Unknown'
    };
@endphp

{{-- Verdict stamp --}}
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <div class="row align-items-center g-3">
            <div class="col-auto">
                <span class="verdict-stamp {{ $stampClass }}">
                    <i class="bi {{ $stampIcon }}"></i>
                    {{ $stampText }}
                </span>
                <div class="text-muted small mt-2 ps-1">
                    {{ $confidence }}% confidence
                </div>
            </div>
            <div class="col">
                <h2 class="h4 mb-1 text-capitalize">
                    {{ $latestResult->crop }} — {{ $latestResult->location }}
                </h2>
                <p class="text-muted mb-0">
                    Planting window: {{ date('F', mktime(0,0,0,$latestResult->month,1)) }}
                    &middot; Analyzed {{ $latestResult->created_at->diffForHumans() }}
                </p>
            </div>
        </div>

        {{-- Key factors — hide temperature if not available --}}
        @if($latestResult->top_factors)
            @php
                $factors = collect($latestResult->top_factors)
                    ->filter(fn($f) => !str_contains($f, 'temp') || $latestResult->forecast_temp_c !== null)
                    ->values();
            @endphp
            @if($factors->count())
                <div class="mt-3 d-flex flex-wrap gap-2 align-items-center">
                    <span class="text-muted small">Key factors:</span>
                    @foreach($factors as $factor)
                        <span class="badge bg-light text-dark border fw-normal">
                            {{ str_replace('_', ' ', $factor) }}
                        </span>
                    @endforeach
                </div>
            @endif
        @endif

        {{-- Conflicts --}}
        @if($latestResult->conflicts && count($latestResult->conflicts) > 0)
            <div class="alert alert-warning d-flex gap-2 mt-3 mb-0">
                <i class="bi bi-exclamation-triangle-fill flex-shrink-0 mt-1"></i>
                <div>
                    <strong>Worth knowing before you decide:</strong>
                    <ul class="mb-0 mt-1 ps-3">
                        @foreach($latestResult->conflicts as $conflict)
                            <li>{{ $conflict }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif
    </div>
</div>

{{-- Main data grid --}}
<div class="row g-4 mb-4">

    {{-- Climate --}}
    <div class="col-md-4">
        <div class="card border-0 h-100">
            <div class="card-body p-4">
                <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
                    <i class="bi bi-cloud-rain me-2"></i>Climate Assessment
                    @if($latestResult->climate_anomaly_label === 'unknown')
                        <span class="badge bg-secondary ms-1" style="font-size:0.7rem">Limited data</span>
                    @endif
                </h3>
                <div class="ledger-row">
                    <span class="ledger-label">Forecast rainfall</span>
                    <span class="ledger-value">
                        {{ $latestResult->forecast_rainfall_mm ? $latestResult->forecast_rainfall_mm . ' mm' : '—' }}
                    </span>
                </div>
                <div class="ledger-row">
                    <span class="ledger-label">Temperature</span>
                    <span class="ledger-value">
                        {{ $latestResult->forecast_temp_c ? $latestResult->forecast_temp_c . ' °C' : '—' }}
                    </span>
                </div>
                <div class="ledger-row">
                    <span class="ledger-label">Anomaly level</span>
                    <span class="ledger-value text-capitalize">
                        {{ $latestResult->climate_anomaly_label ?? '—' }}
                        @if($latestResult->climate_anomaly_score && $latestResult->climate_anomaly_label !== 'unknown')
                            <span class="text-muted small">({{ $latestResult->climate_anomaly_score }})</span>
                        @endif
                    </span>
                </div>
            </div>
        </div>
    </div>

    {{-- Yield — only show when suitable or risky --}}
    {{-- <div class="col-md-6">
        <div class="card border-0 h-100">
            <div class="card-body p-4">
                <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
                    <i class="bi bi-bar-chart me-2"></i>Yield Forecast
                </h3>
                @if($isNotSuitable)
                    <div class="alert alert-light border mb-0">
                        <i class="bi bi-info-circle me-2 text-muted"></i>
                        Yield estimate is not shown for crops rated not suitable.
                        See alternative crops below for viable options.
                    </div>
                @else
                    <div class="ledger-row">
                        <span class="ledger-label">Expected yield</span>
                        <span class="ledger-value">{{ $latestResult->expected_yield_ton_ha }} t/ha</span>
                    </div>
                    <div class="ledger-row">
                        <span class="ledger-label">Uncertainty</span>
                        <span class="ledger-value">± {{ $latestResult->yield_uncertainty }} t/ha</span>
                    </div>
                    <div class="ledger-row">
                        <span class="ledger-label">Range</span>
                        <span class="ledger-value">
                            {{ round($latestResult->expected_yield_ton_ha - $latestResult->yield_uncertainty, 2) }}
                            –
                            {{ round($latestResult->expected_yield_ton_ha + $latestResult->yield_uncertainty, 2) }} t/ha
                        </span>
                    </div>
                @endif
            </div>
        </div>
    </div> --}}

    {{-- Trend --}}
    <div class="col-md-4">
        <div class="card border-0 h-100">
            <div class="card-body p-4">
                <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
                    <i class="bi bi-graph-up me-2"></i>Multi-Year Trend
                </h3>
                @php
                    $trendIcon = match($latestResult->trend) {
                        'upward'   => 'bi-graph-up-arrow',
                        'downward' => 'bi-graph-down-arrow',
                        'stable'   => 'bi-dash-lg',
                        'volatile' => 'bi-shuffle',
                        default    => 'bi-question-circle'
                    };
                @endphp
                <div class="ledger-row">
                    <span class="ledger-label">Direction</span>
                    <span class="ledger-value text-capitalize">
                        <i class="bi {{ $trendIcon }} me-1"></i>{{ $latestResult->trend ?? '—' }}
                    </span>
                </div>
                <div class="ledger-row">
                    <span class="ledger-label">Confidence</span>
                    <span class="ledger-value">{{ round($latestResult->trend_confidence * 100) }}%</span>
                </div>
            </div>
        </div>
    </div>

    {{-- Market --}}
    <div class="col-md-4">
        <div class="card border-0 h-100">
            <div class="card-body p-4">
                <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
                    <i class="bi bi-currency-rupee me-2"></i>Market Intelligence
                    @if($marketDegraded)
                        <span class="badge bg-secondary ms-1" style="font-size:0.7rem">Limited data</span>
                    @endif
                </h3>
                @if($marketDegraded)
                    <div class="alert alert-light border mb-0">
                        <i class="bi bi-info-circle me-2 text-muted"></i>
                        Market forecast unavailable — insufficient recent price history for this crop.
                        Consult your local mandi or Agmarknet for current prices.
                    </div>
                @else
<div class="ledger-row">
    <span class="ledger-label">Price per kg</span>
    <span class="ledger-value">₹{{ $latestResult->price_per_kg ?? '—' }}</span>
</div>
<div class="ledger-row">
    <span class="ledger-label">Price range per kg</span>
    <span class="ledger-value">
        ₹{{ $latestResult->min_price_per_kg ?? '—' }} – ₹{{ $latestResult->max_price_per_kg ?? '—' }}
    </span>
</div>
<div class="ledger-row">
    <span class="ledger-label">Price per quintal</span>
    <span class="ledger-value">₹{{ $latestResult->market_price_per_quintal ?? '—' }}</span>
</div>
<div class="ledger-row">
    <span class="ledger-label">Demand level</span>
    <span class="ledger-value text-capitalize">{{ $latestResult->demand_level ?? '—' }}</span>
</div>
@if($latestResult->market_data_date)
<div class="ledger-row">
    <span class="ledger-label">Data as of</span>
    <span class="ledger-value text-muted small">{{ $latestResult->market_data_date }}</span>
</div>
@endif
                @endif
            </div>
        </div>
    </div>

</div>

{{-- Profit / Loss — only show when not not_suitable AND market not degraded --}}
{{-- @if(!$isNotSuitable && !$marketDegraded) --}}
{{-- <div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-calculator me-2"></i>Profit & Loss Estimate (per hectare)
        </h3>
        <div class="row g-3">
            <div class="col-md-4">
                <div class="ledger-row">
                    <span class="ledger-label">Estimated profit</span>
                    <span class="ledger-value {{ $latestResult->estimated_profit_per_ha >= 0 ? 'profit-positive' : 'profit-negative' }}">
                        ₹{{ number_format($latestResult->estimated_profit_per_ha) }}
                    </span>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ledger-row">
                    <span class="ledger-label">Loss risk (worst case)</span>
                    <span class="ledger-value {{ $latestResult->estimated_loss_risk_per_ha >= 0 ? 'profit-positive' : 'profit-negative' }}">
                        ₹{{ number_format($latestResult->estimated_loss_risk_per_ha) }}
                    </span>
                </div>
            </div>
            <div class="col-md-4">
                <div class="ledger-row">
                    <span class="ledger-label">Price used</span>
                    <span class="ledger-value text-muted small">Market model</span>
                </div>
            </div>
        </div>
        <p class="text-muted small mt-2 mb-0">
            <i class="bi bi-info-circle me-1"></i>
            Profit = (expected yield × price per tonne) − input costs.
            Loss risk uses the lower end of the yield uncertainty range.
            These are estimates — actual results depend on local conditions.
        </p>
    </div>
</div>
@elseif(!$isNotSuitable && $marketDegraded)
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-calculator me-2"></i>Profit & Loss Estimate
        </h3>
        <div class="alert alert-light border mb-0">
            <i class="bi bi-info-circle me-2 text-muted"></i>
            Profit estimate cannot be calculated — market price data is unavailable for this crop.
            Once price history is available, this section will show a full profit/loss breakdown.
        </div>
    </div>
</div>
@endif
 --}}
{{-- Alternatives --}}
@if($latestResult->alternatives && count($latestResult->alternatives) > 0)
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-arrow-left-right me-2"></i>Alternative Crops Worth Considering
            @if($latestResult->recommendation_degraded ?? false)
                <span class="badge bg-secondary ms-1" style="font-size:0.7rem">Indicative only</span>
            @endif
        </h3>
        @if($latestResult->recommendation_degraded ?? false)
            <p class="text-muted small mb-3">
                <i class="bi bi-info-circle me-1"></i>
                Rankings are based on climate and agronomic fit only.
                Market demand data is unavailable so scores may not reflect economic conditions.
            </p>
        @endif
        <div class="table-responsive">
            <table class="table align-middle">
                <thead>
                    <tr class="text-muted small text-uppercase">
                        <th>Crop</th>
                        <th>Suitability Score</th>
                        <th>Score Bar</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($latestResult->alternatives as $alt)
                    @php
                        $score = $alt['score'] ?? 0;
                        $scorePct = round(min(max($score, 0), 1) * 100);
                    @endphp
                    <tr>
                        <td class="text-capitalize fw-semibold">{{ $alt['crop'] ?? '' }}</td>
                        <td>{{ $scorePct }}%</td>
                        <td style="width:200px">
                            <div class="progress" style="height:8px">
                                <div class="progress-bar" role="progressbar"
                                     style="width:{{ $scorePct }}%;background-color:var(--crop-green)">
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif

{{-- Explanation --}}
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-chat-square-text me-2"></i>In Plain Terms
        </h3>
        <div style="white-space:pre-line;line-height:1.7">{{ $latestResult->explanation }}</div>
    </div>
</div>

{{-- Models used --}}
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-cpu me-2"></i>Models Used in This Analysis
        </h3>
        @php $models = json_decode($latestResult->models_used, true) ?? []; @endphp
        <div class="table-responsive">
            <table class="table table-sm align-middle">
                <thead>
                    <tr class="text-muted small text-uppercase">
                        <th>Model</th>
                        <th>Description</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($models as $name => $desc)
                    <tr>
                        <td><code>{{ $name }}</code></td>
                        <td class="text-muted small">{{ $desc }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- Training data sources --}}
<div class="card border-0 mb-4">
    <div class="card-body p-4">
        <h3 class="h6 text-uppercase text-muted mb-3" style="letter-spacing:0.04em">
            <i class="bi bi-database me-2"></i>Training Data Sources
        </h3>
        @php $sources = json_decode($latestResult->training_data_sources, true) ?? []; @endphp
        <div class="table-responsive">
            <table class="table table-sm align-middle">
                <thead>
                    <tr class="text-muted small text-uppercase">
                        <th>Source</th>
                        <th>Details</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($sources as $source => $detail)
                    <tr>
                        <td class="fw-semibold">{{ $source }}</td>
                        <td class="text-muted small">{{ $detail }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

{{-- Meta --}}
<div class="text-muted small mt-2">
    Model version: {{ $latestResult->model_version }}
    &middot; Processed in {{ $latestResult->processing_ms }}ms
    &middot; {{ $latestResult->degraded ? 'Some models returned degraded results — see badges above' : 'All models ran successfully' }}
</div>

@endif
@endsection