@extends('layouts.app')

@section('title', 'Budgetplanung')

@section('content')
<div class="page-head">
    <div>
        <h1>Ersatz- &amp; Budgetplanung</h1>
        <div class="sub">{{ $grandCount }} Geräte · Gesamtbudget {{ number_format($grandTotal, 0, ',', '’') }}</div>
    </div>
    <div class="page-actions">
        <a href="{{ route('exports.budget') }}" class="btn btn-secondary btn-sm">CSV-Export</a>
    </div>
</div>

<form method="GET" class="filterbar">
    <div class="field">
        <label for="from">Von Jahr</label>
        <input type="number" id="from" name="from" min="2000" max="2100" value="{{ $fromYear }}">
    </div>
    <div class="field">
        <label for="to">Bis Jahr</label>
        <input type="number" id="to" name="to" min="2000" max="2100" value="{{ $toYear }}">
    </div>
    <button type="submit" class="btn btn-primary btn-sm">Anzeigen</button>
</form>

@forelse($years as $year)
<div class="panel" x-data="{open: {{ $year['year'] <= now()->year + 1 ? 'true' : 'false' }}}">
    <h2>
        <span>{{ $year['year'] }}
            <span class="badge badge-amber">{{ $year['count'] }} Geräte</span>
            <span class="badge badge-navy">{{ number_format($year['replacement_total'], 0, ',', '’') }} Ersatzbudget</span>
        </span>
        <button class="btn btn-secondary btn-sm" @click="open = !open" x-text="open ? 'Zuklappen' : 'Aufklappen'"></button>
    </h2>

    <div style="display:flex;gap:24px;flex-wrap:wrap;" class="hint">
        <span>Nach Kategorie:
            @foreach($year['by_category'] as $category => $count){{ $category }} ({{ $count }})@if(! $loop->last), @endif @endforeach
        </span>
        <span>Nach Standort:
            @foreach($year['by_location'] as $location => $count){{ $location }} ({{ $count }})@if(! $loop->last), @endif @endforeach
        </span>
    </div>

    <div class="table-wrap" x-show="open" x-cloak>
        <table class="data">
            <thead>
            <tr>
                <th>Asset</th><th>Kategorie</th><th>Standort</th><th>Person</th>
                <th>Ersatzdatum</th><th class="num">Anschaffungspreis</th><th class="num">Ersatzpreis (geschätzt)</th>
            </tr>
            </thead>
            <tbody>
            @foreach($year['rows'] as $asset)
            <tr>
                <td><a href="{{ route('assets.show', $asset) }}">{{ $asset->hostname ?: $asset->model ?: $asset->asset_code }}</a></td>
                <td>{{ $asset->category?->name }}</td>
                <td>{{ $asset->location }}</td>
                <td>{{ $asset->assignedPerson?->display_name ?? '–' }}</td>
                <td>{{ $asset->effectiveReplacementDate()?->format('d.m.Y') }}</td>
                <td class="num">{{ $asset->purchase_price ? number_format((float) $asset->purchase_price, 0, ',', '’') : '–' }}</td>
                <td class="num">{{ number_format((float) ($asset->replacement_price ?? $asset->purchase_price ?? 0), 0, ',', '’') }}</td>
            </tr>
            @endforeach
            <tr class="row-total">
                <td colspan="5">Summe {{ $year['year'] }}</td>
                <td class="num">{{ number_format($year['purchase_total'], 0, ',', '’') }}</td>
                <td class="num">{{ number_format($year['replacement_total'], 0, ',', '’') }}</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
@empty
<div class="panel"><p class="muted mb-0">Keine Assets mit Ersatzdatum im gewählten Zeitraum. Pflegen Sie Inbetriebnahmedaten oder geplante Ersatzdaten.</p></div>
@endforelse
@endsection