@extends('layouts.app')
@section('title', 'Import Contacts')
@section('breadcrumb')<a href="{{ route('contacts.index') }}" class="hover:text-white">Contacts</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">Import</span>@endsection

@section('content')
<div class="max-w-2xl mx-auto space-y-6">
    <div><h1>Import Contacts from CSV</h1><p>Upload a CSV file to bulk-import contacts. Duplicates (same email) will be skipped.</p></div>

    <div class="card p-6 space-y-5">
        <form method="POST" action="{{ route('contacts.import.store') }}" enctype="multipart/form-data" class="space-y-5">
            @csrf
            <div>
                <label>CSV File</label>
                <input type="file" name="csv_file" accept=".csv,.txt" class="input w-full mt-1">
                @error('csv_file')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div class="card p-4" style="background: #0f172a;">
                <p class="text-sm font-semibold text-slate-300 mb-2">Required CSV columns (header row)</p>
                <div class="grid grid-cols-2 gap-1 text-xs text-slate-400">
                    @foreach(['first_name','last_name','email','phone','mobile','company','type','address','suburb','state','postcode','notes'] as $col)
                    <div class="flex items-center gap-1.5">
                        <i class="fas fa-circle text-slate-600" style="font-size:6px;"></i>
                        <code class="text-blue-300">{{ $col }}</code>
                    </div>
                    @endforeach
                </div>
                <p class="text-xs text-slate-500 mt-3">type values: client, supplier, trade, installer, other</p>
            </div>

            <div class="card p-4" style="background: #0f172a;">
                <p class="text-sm font-semibold text-slate-300 mb-2">Download sample CSV</p>
                <a href="data:text/csv;charset=utf-8,first_name,last_name,email,phone,mobile,company,type,address,suburb,state,postcode,notes%0AJohn,Smith,john@example.com,03%209999%201234,0400%20123%20456,Smith%20Constructions,client,123%20Main%20St,Melbourne,VIC,3000,"
                   download="contacts_sample.csv"
                   class="btn btn-secondary text-xs"><i class="fas fa-download"></i> Download Sample</a>
            </div>

            <div class="flex gap-3">
                <button type="submit" class="btn btn-primary"><i class="fas fa-upload"></i> Import Contacts</button>
                <a href="{{ route('contacts.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection