@extends('layouts.app')

@section('title', '批次匯入客戶')

@section('content')
  <div class="container py-4">
    <h1 class="mb-4">批次匯入客戶</h1>

    {{-- CSV 範例 --}}
    <div class="card mb-4">
      <div class="card-header">CSV 檔案範例</div>
      <div class="card-body">
        <pre class="mb-1">
name,contact_person,email,phone
客戶A,小明,a@b.com,091234567
客戶B,,,,,,,
      </pre>
        <small class="text-muted">
          ※ 只有 <code>name</code> 欄位為必填，其餘皆可留空。<br>
        </small>
      </div>
    </div>

    {{-- 顯示驗證錯誤 --}}
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul class="mb-0">
          @foreach ($errors->all() as $err)
            <li>{{ $err }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <form action="{{ route('clients.import') }}" method="POST" enctype="multipart/form-data">
      @csrf
      <div class="mb-3">
        <label for="csv_file" class="form-label">選擇 CSV 檔案</label>
        <input class="form-control" type="file" id="csv_file" name="csv_file" accept=".csv,text/csv">
      </div>
      <button type="submit" class="btn btn-primary">上傳並匯入</button>
      <a href="{{ route('clients.index') }}" class="btn btn-secondary ms-2">取消</a>
    </form>
  </div>
@endsection