@extends('layouts.app')

@section('title', 'CSV-Import – Vorschau')

@section('content')
<div class="page-head">
    <div>
        <h1>CSV-Import: {{ $filename }}</h1>
        <div class="sub">Ziel: {{ $inventory->name }} · {{ $analysis['records_count'] }} Datensätze · {{ count($analysis['header']) }} Spalten</div>
    </div>
    <form method="POST" action="{{ route('import.cancel') }}">@csrf
        <button type="submit" class="btn btn-danger btn-sm">Abbrechen</button>
    </form>
</div>

@include('import.steps', ['current' => 3])

@foreach($analysis['security_warnings'] as $warning)
    <div class="alert alert-error flash"><strong>Sicherheitshinweis:</strong> {{ $warning }}</div>
@endforeach
@foreach($analysis['warnings'] as $warning)
    <div class="alert alert-info flash">{{ $warning }}</div>
@endforeach
@if($analysis['bom'])
    <div class="alert alert-info flash">UTF-8-BOM erkannt und verarbeitet.</div>
@endif

<div class="panel">
    <h2>Schritt 2: Vorschau (erste {{ count($analysis['sample']) }} Zeilen)</h2>
    <div class="table-wrap" style="max-height:320px;overflow:auto;">
        <table class="data">
            <thead>
            <tr>
                @foreach($analysis['header'] as $col)
                    <th>{{ $col }}</th>
                @endforeach
            </tr>
            </thead>
            <tbody>
            @foreach($analysis['sample'] as $row)
            <tr>
                @foreach($row as $value)
                    <td style="white-space:pre-line;">{{ $value }}</td>
                @endforeach
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>

<form method="POST" action="{{ route('import.mapping') }}">
    @csrf
    <div class="panel">
        <h2>Schritt 3: Spaltenzuordnung</h2>
        <p class="hint">Die Standardzuordnung wurde automatisch erkannt. Spalten mit „Ignorieren“ werden nicht importiert.</p>
        <div class="table-wrap" style="max-height:480px;overflow:auto;">
            <table class="data">
                <thead><tr><th>#</th><th>CSV-Spalte</th><th>Zielfeld</th></tr></thead>
                <tbody>
                @foreach($analysis['header'] as $i => $col)
                <tr>
                    <td class="muted">{{ $i + 1 }}</td>
                    <td><strong>{{ $col }}</strong></td>
                    <td>
                        @if(\App\Services\ImportService::isForbiddenColumn($col))
                            <span class="badge badge-red">Aus Sicherheitsgründen gesperrt</span>
                            <input type="hidden" name="mapping[{{ $i }}]" value="ignore">
                        @else
                        <select name="mapping[{{ $i }}]">
                            @foreach($targetLabels as $value => $label)
                                @continue(in_array($value, ['access', 'license'], true) && false)
                                <option value="{{ $value }}" @selected(($analysis['mapping'][$i] ?? 'ignore') === $value || (str_starts_with($analysis['mapping'][$i] ?? '', 'license:') && $value === 'license'))>{{ $label }}</option>
                            @endforeach
                        </select>
                        @endif
                    </td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>

        <div class="form-section">
            <h3>Importoptionen</h3>
            <div class="checkbox-row">
                <input type="checkbox" id="update_existing" name="update_existing" value="1">
                <label for="update_existing">Bereits vorhandene Assets (gleicher Hostname) aktualisieren statt überspringen</label>
            </div>
            <div class="checkbox-row">
                <input type="checkbox" id="split_equipment" name="split_equipment" value="1" checked>
                <label for="split_equipment">Equipment-Spalte in einzelne Zubehör-Assets zerlegen (nur bei eindeutiger Trennung durch Zeilenumbrüche)</label>
            </div>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Weiter zur Validierung</button>
        </div>
    </div>
</form>
@endsection