@extends('layouts.dashboard.inface', ['section' => 'finance'])
@section('content')
<div class="fin-page"><div class="fin-wrap">
    @include('realEstates.finance.nav', ['title' => 'Gastos'])
    <div class="flex flex-wrap gap-3">
        @can('expenses.create')<a class="fin-button" href="{{ route('realEstate.finance.expenses.create', request()->only('development_id')) }}">Registrar gasto</a>@endcan
        @can('financial_reports.view')<a class="fin-button fin-secondary" href="{{ route('realEstate.finance.export', ['exportType' => 'expenses', ...$filters]) }}">Descargar CSV completo</a>@endcan
    </div>
    @include('realEstates.finance.filters', ['kind' => 'expenses'])
    <section class="fin-card">
        <p class="font-bold">{{ $expenses->total() }} gastos · Total filtrado: {{ \App\Domain\Finance\Money::format($total) }} {{ $filters['currency'] }}</p>
        <div class="overflow-auto"><table class="fin-table"><thead><tr><th>Concepto / proveedor</th><th>Desarrollo</th><th>Fecha</th><th>Categoría / tipo</th><th>Importe</th><th>Pagado actual</th><th>Saldo actual</th><th>Aprobación / pago</th></tr></thead><tbody>
        @forelse($expenses as $expense)
        <tr><td><a class="text-primary font-semibold" href="{{ route('realEstate.finance.expenses.show', $expense) }}">{{ $expense->name }}</a><p class="fin-muted">{{ $expense->provider_name }}</p></td><td>{{ $expense->development?->name ?? 'General' }}</td><td>{{ $expense->date }}</td><td>{{ $expense->category?->name }}<p class="fin-muted">{{ config('finance.types.'.$expense->type) }}</p></td><td class="fin-number">{{ \App\Domain\Finance\Money::format($expense->amount) }}</td><td class="fin-number">{{ \App\Domain\Finance\Money::format($expense->paid_amount ?? '0') }}</td><td class="fin-number">{{ \App\Domain\Finance\Money::format((string) \App\Domain\Finance\Money::of($expense->amount)->minus($expense->paid_amount ?? '0')) }}</td><td><p class="font-semibold">{{ $expense->payment_status === 'cancelled' ? 'Cancelado' : ($expense->approved_at ? 'Aprobado' : 'Por aprobar') }}</p><p class="fin-muted">Pago: {{ config('finance.statuses.'.$expense->payment_status) }}</p></td></tr>
        @empty<tr><td colspan="8">No hay gastos con estos filtros.</td></tr>@endforelse
        </tbody></table></div><div class="mt-4">{{ $expenses->links() }}</div>
    </section>
    @can('finance.manage')
    <details class="fin-card"><summary class="font-semibold cursor-pointer">Crear categoría de gasto</summary><form class="fin-form mt-4" method="POST" action="{{ route('realEstate.finance.categories.store') }}">@csrf
        <label>Nombre<input class="fin-input" name="name" maxlength="255" required></label><label>Código único<input class="fin-input" name="code" maxlength="80" pattern="[a-zA-Z0-9_-]+" required></label>
        <label>Tipo predeterminado<select class="fin-input" name="default_type">@foreach(config('finance.types') as $value => $label)<option value="{{ $value }}">{{ $label }}</option>@endforeach</select></label>
        <div class="fin-form-actions"><button class="fin-button">Guardar categoría</button></div>
    </form></details>
    @endcan
</div></div>
@endsection