@extends('home_layout.master_sidebar')

@section('content')
    <div class="container mt-4">
        <h3>Import Contacts</h3>
        <p>You can import your contacts using a CSV file. Please ensure your CSV file has the following columns in the header:</p>
        <ul>
            <li>name</li>
            <li>email</li>
            <li>address</li>
            <li>phone</li>
            <li>notes</li>
        </ul>
        <p>You can download a <a href="{{ route('contacts.import.sample') }}">sample CSV file here</a>.</p>

        <form action="{{ route('contacts.import.process') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label for="import_file">Choose CSV file:</label>
                <input type="file" name="import_file" id="import_file" class="form-control" accept=".csv,text/csv" required>
            </div>
            <button type="submit" class="btn btn-primary mt-2">Import Contacts</button>
            <a href="{{ route('contacts.index') }}" class="btn btn-secondary mt-2">Cancel</a>
        </form>
    </div>
@stop