@extends('layouts.dashboard')

@section('title', 'Import customers — confirm')

@section('content')
    <div class="flex items-center justify-between mb-6 flex-wrap gap-2">
        <h1 class="font-display text-3xl">Confirm import</h1>
        <a href="{{ route('dashboard.customer-imports.create') }}" class="underline text-sm">&larr; Start over</a>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
        <div class="card p-4">
            <p class="label">Rows in file</p>
            <p class="text-2xl font-bold">{{ $report['total'] }}</p>
        </div>
        <div class="card p-4">
            <p class="label">Will be created</p>
            <p class="text-2xl font-bold">{{ $report['toCreate'] }}</p>
        </div>
        <div class="card p-4">
            <p class="label">Duplicates (by email)</p>
            <p class="text-2xl font-bold">{{ count($report['duplicates']) }}</p>
        </div>
        <div class="card p-4">
            <p class="label">Failed rows</p>
            <p class="text-2xl font-bold">{{ count($report['errors']) }}</p>
        </div>
    </div>

    @if (count($report['duplicates']))
        <div class="card p-6 mb-6">
            <h2 class="label mb-2">Duplicates — already a customer, will be updated not duplicated</h2>
            <table class="dashboard-table w-full text-sm">
                <thead><tr><th>Row</th><th>Email</th></tr></thead>
                <tbody>
                    @foreach ($report['duplicates'] as $dup)
                        <tr><td>{{ $dup['row'] }}</td><td>{{ $dup['email'] }}</td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif

    @if (count($report['errors']))
        <div class="card p-6 mb-6">
            <h2 class="label mb-2">Rows that will not be imported</h2>
            <table class="dashboard-table w-full text-sm">
                <thead><tr><th>Row</th><th>Reason</th></tr></thead>
                <tbody>
                    @foreach ($report['errors'] as $error)
                        <tr><td>{{ $error['row'] }}</td><td>{{ $error['reason'] }}</td></tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif

    @if ($report['toCreate'] > 0 || count($report['duplicates']) > 0)
        <form method="POST" action="{{ route('dashboard.customer-imports.commit', $token) }}">
            @csrf
            <button type="submit" class="btn btn-primary">
                Confirm — create {{ $report['toCreate'] }} and update {{ count($report['duplicates']) }} customer(s)
            </button>
        </form>
    @else
        <p class="text-sm text-muted">Nothing to import — fix the file and start over.</p>
    @endif
@endsection