@extends('layouts.app')

@section('title', 'Importar Extrato')

@section('header', 'Importar Extrato Bancário')

@section('content')
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                <form action="{{ route('imports.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    
                    <div class="mb-3">
                        <label for="bank_account_id" class="form-label">Conta Bancária</label>
                        <select name="bank_account_id" id="bank_account_id" class="form-select @error('bank_account_id') is-invalid @enderror" required>
                            <option value="">Selecione uma conta</option>
                            @foreach($bankAccounts as $account)
                                <option value="{{ $account->id }}" {{ old('bank_account_id', request('bank_account_id')) == $account->id ? 'selected' : '' }}>
                                    {{ $account->name }} - {{ $account->bank_name }}
                                </option>
                            @endforeach
                        </select>
                        @error('bank_account_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="file_type" class="form-label">Tipo de Arquivo</label>
                        <select name="file_type" id="file_type" class="form-select @error('file_type') is-invalid @enderror" required>
                            <option value="">Selecione o tipo</option>
                            <option value="csv" {{ old('file_type') == 'csv' ? 'selected' : '' }}>CSV</option>
                            <option value="ofx" {{ old('file_type') == 'ofx' ? 'selected' : '' }}>OFX</option>
                            <option value="qif" {{ old('file_type') == 'qif' ? 'selected' : '' }}>QIF</option>
                        </select>
                        @error('file_type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="file" class="form-label">Arquivo</label>
                        <input type="file" name="file" id="file" class="form-control @error('file') is-invalid @enderror" required>
                        <div class="form-text">Tamanho máximo: 10MB. Formatos aceitos: CSV, OFX, QIF</div>
                        @error('file')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="d-flex justify-content-between">
                        <a href="{{ route('imports.index') }}" class="btn btn-secondary">Cancelar</a>
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-upload me-2"></i> Importar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Instruções</h5>
            </div>
            <div class="card-body">
                <h6>Formato CSV</h6>
                <p class="small">O arquivo deve conter as colunas: Data, Descrição, Valor e opcionalmente Referência.</p>
                <a href="{{ route('imports.download-template', 'csv') }}" class="btn btn-sm btn-outline-primary mb-3">
                    <i class="fas fa-download me-1"></i> Baixar Template CSV
                </a>
                
                <h6>Formato OFX</h6>
                <p class="small">Formato padrão utilizado pela maioria dos bancos brasileiros.</p>
                
                <h6>Formato QIF</h6>
                <p class="small">Formato Quicken Interchange, suportado por diversos softwares financeiros.</p>
                
                <div class="alert alert-info mt-3">
                    <small>
                        <i class="fas fa-info-circle me-1"></i>
                        O sistema detectará automaticamente transações duplicadas e não as importará novamente.
                    </small>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection