@extends('layouts.app')

@section('title', 'Upload Contacts')

@section('content')
    <div class="page-head">
        <div>
            <h1>Upload Contact Lists</h1>
            <div class="subtitle">Import your sender and receiver email lists</div>
        </div>
    </div>

    @if ($summary = session('importSummary'))
        <div class="alert ok">
            <span>✅</span>
            <div>
                <strong>{{ ucfirst($summary['type']) }} list imported{{ isset($summary['purpose']) && $summary['purpose'] ? ' ('.e($summary['purpose']).')' : '' }}.</strong><br>
                Imported: {{ $summary['imported'] }} &nbsp;|&nbsp; Skipped (suppressed): {{ $summary['skipped'] }} &nbsp;|&nbsp; Invalid: {{ $summary['invalid'] }} &nbsp;|&nbsp; Total rows: {{ $summary['total'] }}
            </div>
        </div>
    @endif

    <div class="panel">
        <p class="muted" style="margin-top:0;">
            Format: CSV with a header row <code>email,name</code> (name optional). Max 5MB, <code>.csv</code> or <code>.txt</code>.
        </p>
    </div>

    <div class="grid grid-2">
        <div class="panel">
            <h2>Upload Sender List</h2>
            <form method="POST" action="{{ route('contacts.store') }}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="type" value="sender">
                <label for="sender_file">Sender CSV file</label>
                <input type="file" name="file" id="sender_file" accept=".csv,.txt">
                @error('file')
                    <div class="error">{{ $message }}</div>
                @enderror
                <button type="submit">Upload Senders</button>
            </form>
        </div>
        <div class="panel">
            <h2>Upload Receiver List</h2>
            <form method="POST" action="{{ route('contacts.store') }}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="type" value="receiver">
                <label for="receiver_purpose">Purpose (audience label)</label>
                <input type="text" name="purpose" id="receiver_purpose" placeholder="e.g. customers, newsletter, trial-users" value="{{ old('purpose') }}">
                <p class="muted" style="margin:-6px 0 12px;">Optional label you can later filter by when creating a campaign.</p>
                <label for="receiver_file">Receiver CSV file</label>
                <input type="file" name="file" id="receiver_file" accept=".csv,.txt">
                @error('file')
                    <div class="error">{{ $message }}</div>
                @enderror
                <button type="submit">Upload Receivers</button>
            </form>
        </div>
    </div>
@endsection