@extends('layouts.app')

@section('breadcrumb', 'Conciliación bancaria')

@section('content')
    <x-page-header title="Conciliación bancaria" description="Cruza movimientos bancarios con facturas y confirma coincidencias.">
        <x-slot:actions>
            <form method="POST" action="{{ route('reconciliation.run') }}">
                @csrf
                <button class="btn btn-primary">Ejecutar conciliación</button>
            </form>
        </x-slot:actions>
    </x-page-header>

    @if(session('status'))
        <div class="alert alert-success mb-4" role="alert">{{ session('status') }}</div>
    @endif

    <section class="surface surface--flush mb-4">
        <div class="surface__header">
            <h2 class="surface__title">Sugerencias pendientes de revisión</h2>
        </div>
        <div class="data-table-wrap">
            <table class="data-table">
                <thead>
                <tr>
                    <th>Score</th>
                    <th>Movimiento</th>
                    <th>Factura sugerida</th>
                    <th>Señales</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @forelse($suggested as $item)
                    <tr>
                        <td><span class="score-badge">{{ number_format((float) $item->match_score, 0) }}%</span></td>
                        <td>
                            <div class="tabular-nums">{{ $item->bankMovement?->movement_date?->format('d/m/Y') }}</div>
                            <div class="cell-muted">{{ $item->bankMovement?->concept }}</div>
                            <div class="amount">{{ number_format((float) ($item->bankMovement?->amount ?? 0), 2, ',', '.') }} €</div>
                        </td>
                        <td>
                            <div>#{{ $item->document?->id }} — {{ $item->document?->provider?->name ?? 'Sin proveedor' }}</div>
                            <div class="cell-muted">{{ $item->document?->number ?? 'Sin número' }}</div>
                            <div class="amount">{{ number_format((float) ($item->document?->total ?? 0), 2, ',', '.') }} €</div>
                        </td>
                        <td><span class="signals-code">{{ json_encode($item->signals, JSON_UNESCAPED_UNICODE) }}</span></td>
                        <td class="cell-actions">
                            <form method="POST" action="{{ route('reconciliation.confirm', $item) }}" class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-success">Confirmar</button>
                            </form>
                            <form method="POST" action="{{ route('reconciliation.reject', $item) }}" class="d-inline ms-1">
                                @csrf
                                <button class="btn btn-sm btn-outline-danger">Rechazar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5">
                            <div class="empty-state">No hay sugerencias pendientes.</div>
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section class="row g-4">
        <div class="col-lg-6">
            <section class="surface h-100">
                <div class="surface__header">
                    <h2 class="surface__title">Conciliados</h2>
                </div>
                <div class="surface__body">
                    @forelse($matched as $item)
                        <div class="list-item">
                            <div class="list-item__title">{{ $item->bankMovement?->concept }}</div>
                            <div class="list-item__meta">
                                Factura #{{ $item->document?->id }} · {{ $item->document?->provider?->name }}
                                · Score {{ number_format((float) $item->match_score, 0) }}%
                            </div>
                        </div>
                    @empty
                        <p class="text-secondary mb-0">Sin conciliaciones confirmadas aún.</p>
                    @endforelse
                </div>
            </section>
        </div>
        <div class="col-lg-6">
            <section class="surface h-100">
                <div class="surface__header">
                    <h2 class="surface__title">Sin pareja</h2>
                </div>
                <div class="surface__body">
                    @forelse($unmatched as $item)
                        <div class="list-item">
                            <div class="list-item__title">{{ $item->bankMovement?->concept }}</div>
                            <div class="list-item__meta">
                                {{ $item->bankMovement?->movement_date?->format('d/m/Y') }}
                                · {{ number_format((float) ($item->bankMovement?->amount ?? 0), 2, ',', '.') }} €
                            </div>
                        </div>
                    @empty
                        <p class="text-secondary mb-0">No hay movimientos sin pareja.</p>
                    @endforelse
                </div>
            </section>
        </div>
    </section>
@endsection