@extends('layouts.app')
@section('page-title', 'Import Transactions')
@section('content')
    <div class="card" style="max-width: 820px;">
        <h3 class="card-title">Import from Google Sheets</h3>
        @if(! $configured)
            <div class="alert alert-warning">
                <strong>Google Sheets is not yet configured.</strong> See <code>docs/GOOGLE_SHEETS.md</code> in the project for setup steps. Until then, use CSV upload below.
            </div>
        @else
            <div class="muted" style="margin-bottom:12px;">Spreadsheet ID: <code>{{ $spreadsheetId }}</code></div>
            <form method="POST" action="{{ route('imports.sheets') }}">
                @csrf
                <div class="form-row">
                    <label for="sheet_range">Sheet range *</label>
                    <input id="sheet_range" type="text" name="sheet_range" value="Transactions!A:H" required>
                    <div class="muted" style="margin-top:6px;">Expected columns: transaction_date, type, source, bank_account, amount, reference, counterparty, description</div>
                </div>
                <button type="submit" class="btn btn-primary">Import from Sheets</button>
            </form>
        @endif
    </div>

    <div class="card" style="max-width: 820px;">
        <h3 class="card-title">Or upload a CSV</h3>
        <div class="muted" style="margin-bottom:12px;">CSV must have headers in the first row: <code>transaction_date,type,source,bank_account,amount,reference,counterparty,description</code></div>
        <form method="POST" action="{{ route('imports.csv') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-row">
                <input type="file" name="csv" accept=".csv,text/csv" required>
            </div>
            <button type="submit" class="btn btn-primary">Upload & Import</button>
        </form>
    </div>
@endsection