@extends('layouts.enterprise')

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

@section('content')
  <div class="card">
    <h1 class="page-title">Importar ingresos</h1>
    <p class="subtle">Carga de estado de cuenta CSV para registrar ingresos y egresos.</p>

    @if(session('ok'))
      <div class="notice">{{ session('ok') }}</div>
    @endif
    @if($errors->any())
      <div class="error">
        <ul>
          @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    @php($stats = session('import_stats'))
    @if(is_array($stats))
      <div class="grid grid-2" style="margin-bottom: 16px;">
        <div class="field">
          <label>Archivo</label>
          <div class="badge">{{ $stats['file'] ?? '-' }}</div>
        </div>
        <div class="field">
          <label>Resultado</label>
          <div style="display:flex; gap:8px; flex-wrap:wrap;">
            <span class="badge">Insertados: {{ $stats['inserted'] ?? 0 }}</span>
            <span class="badge">Actualizados: {{ $stats['updated'] ?? 0 }}</span>
            <span class="badge">Omitidos: {{ $stats['skipped'] ?? 0 }}</span>
            <span class="badge">Ingresos: {{ $stats['income_count'] ?? 0 }}</span>
            <span class="badge">Egresos: {{ $stats['expense_count'] ?? 0 }}</span>
          </div>
        </div>
      </div>
    @endif

    <div class="grid grid-2">
      <div class="field">
        <label>Formato esperado</label>
        <small>
          Se toman estas columnas del CSV:
          INGRESOS = FECHA, CONCEPTO, DEPÓSITOS.
          EGRESOS = FECHA, CONCEPTO, RETIROS.
        </small>
      </div>
      <div class="field">
        <label>Acción</label>
        <small>Reimportar el mismo archivo actualiza movimientos existentes por huella única.</small>
      </div>
    </div>

    <form
      method="POST"
      action="{{ request()->routeIs('accountant.*') ? route('accountant.incomes.store') : route('admin.incomes.store') }}"
      enctype="multipart/form-data"
      style="margin-top: 16px;"
    >
      @csrf
      <div class="grid grid-2">
        <div class="field">
          <label>Archivo CSV</label>
          <input type="file" name="statement_file" accept=".csv,text/csv" required>
        </div>
        <div class="field" style="display:flex; align-items:flex-end;">
          <button class="btn" type="submit">Importar archivo</button>
        </div>
      </div>
    </form>
  </div>
@endsection