@extends('layouts.app')

@section('content')
<div class="container">
    <h1>CSV Import</h1>

    <!-- File Upload Form -->
    <form method="POST" action="{{ route('csv-import.upload') }}" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
            <label for="file" class="form-label">Upload CSV File</label>
            <input type="file" class="form-control" id="file" name="file" required>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>

    <!-- Display Import Records -->
    <h2 class="mt-4">Import Records</h2>
    @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    @if (session('warning'))
        <div class="alert alert-warning">
            {{ session('warning') }}
        </div>
    @endif


    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <table class="table table-bordered mt-3">
        <thead>
            <tr>
                <th>ID</th>
                <th>CRM</th>
                <th>File</th>
                <th>Total Rows</th>
                <th>Processed Contacts</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($imports as $import)
                <tr>
                    <td>{{ $import->id }}</td>
                    <td>{{ $import->crm }}</td>
                    <td>
                        <a href="{{ Storage::url($import->file) }}" target="_blank">{{ basename($import->file) }}</a>
                    </td>
                    <td>{{ $import->total_rows }}</td>
                    <td>{{ $import->processed_contacts }}</td>
                    <td>{{ $import->created_at->format('Y-m-d H:i:s') }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection