@extends('layouts.app')

@section('titulo', 'Balance de comprobacion')

@section('content')
    <h1 class="h4 mb-3">Balance de Comprobacion</h1>

    <form class="row g-2 mb-3">
        <div class="col-auto"><input type="date" name="desde" class="form-control" value="{{ $desde }}"></div>
        <div class="col-auto"><input type="date" name="hasta" class="form-control" value="{{ $hasta }}"></div>
        <div class="col-auto"><button class="btn btn-outline-primary">Filtrar</button></div>
    </form>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead><tr><th>Codigo</th><th>Cuenta</th><th>Naturaleza</th><th class="text-end">Debe</th><th class="text-end">Haber</th><th class="text-end">Saldo</th></tr></thead>
            <tbody>
                @foreach ($filas as $fila)
                    <tr>
                        <td>{{ $fila['cuenta']->codigo }}</td>
                        <td>{{ $fila['cuenta']->nombre }}</td>
                        <td>{{ ucfirst($fila['cuenta']->naturaleza) }}</td>
                        <td class="text-end">{{ number_format($fila['debe'], 2) }}</td>
                        <td class="text-end">{{ number_format($fila['haber'], 2) }}</td>
                        <td class="text-end">{{ number_format($fila['saldo'], 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr class="fw-bold">
                    <td colspan="3">Totales</td>
                    <td class="text-end">{{ number_format($totales['debe'], 2) }}</td>
                    <td class="text-end">{{ number_format($totales['haber'], 2) }}</td>
                    <td class="text-end">
                        @php $diferencia = round($totales['debe'] - $totales['haber'], 2) @endphp
                        {{ $diferencia == 0 ? 'Cuadrado' : 'Diferencia: '.number_format($diferencia, 2) }}
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>

    @if ($filas->isEmpty())
        <div class="alert alert-info">No hay movimientos en el periodo seleccionado.</div>
    @endif
@endsection