@extends('layouts.app')
@section('title','Import Bank Statement')
@section('crumbs','<a href="'.route('bank-transactions.index').'">Bank Transactions</a> · <b>Import statement</b>')
@section('content')
<div class="card" style="max-width:640px"><div class="card-h"><h2>⬆ Import bank statement (CSV)</h2></div>
<div class="card-b">
<form method="POST" action="{{ route('bank-import.parse') }}" enctype="multipart/form-data">@csrf
<div class="frow">
<div class="fld c6"><label>Bank account</label>
<select name="bank_account_id" required>@foreach($banks as $b)<option value="{{ $b->id }}">{{ $b->display_name }}</option>@endforeach</select></div>
<div class="fld c6"><label>Statement CSV (max 5 MB)</label><input type="file" name="file" accept=".csv" required></div>
</div>
<div style="margin-top:12px;display:flex;gap:8px">
<button class="btn">Parse & match</button>
<a class="btn btn-ghost" href="{{ route('bank-transactions.index') }}">Cancel</a>
</div>
</form>
<p class="muted" style="margin-top:10px">Expected columns (headers auto-detected): <b>Date</b>, <b>Description</b>, <b>Debit</b>, <b>Credit</b> — or a single <b>Amount</b> column (negatives = debits). Dates accept DD/MM/YYYY, YYYY-MM-DD or DD-Mon-YY.</p>
</div></div>
@endsection