@extends('layouts.app')

@section('titulo', 'Libro diario')

@section('content')
    <h1 class="h4 mb-3">Libro Diario (detallado)</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>
            <a class="btn btn-outline-secondary" href="{{ route('contabilidad.libro-diario', ['desde' => $desde, 'hasta' => $hasta, 'modo' => 'resumido']) }}">Ver resumido</a>
        </div>
    </form>

    @foreach ($comprobantes as $comprobante)
        <div class="card mb-2">
            <div class="card-header d-flex justify-content-between">
                <span><strong>{{ $comprobante->numero }}</strong> &mdash; {{ $comprobante->fecha->format('d/m/Y') }} &mdash; {{ $comprobante->concepto }}</span>
                <a href="{{ route('contabilidad.comprobantes.show', $comprobante) }}" class="small">Ver</a>
            </div>
            <table class="table table-sm mb-0">
                <thead><tr><th>Cuenta</th><th>Descripcion</th><th class="text-end">Debe</th><th class="text-end">Haber</th></tr></thead>
                <tbody>
                    @foreach ($comprobante->lineas as $linea)
                        <tr>
                            <td>{{ $linea->cuenta->nombreCompleto() }}</td>
                            <td>{{ $linea->descripcion }}</td>
                            <td class="text-end">{{ $linea->debe > 0 ? number_format($linea->debe, 2) : '' }}</td>
                            <td class="text-end">{{ $linea->haber > 0 ? number_format($linea->haber, 2) : '' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endforeach

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