@extends('layouts.app')

@section('titulo', 'Comprobante ' . $comprobante->numero)

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h4 mb-0">Comprobante {{ $comprobante->numero }}</h1>
        <div>
            @if (! $comprobante->anulado)
                @if ($comprobante->origen_modulo === 'manual')
                    <a href="{{ route('contabilidad.comprobantes.edit', $comprobante) }}" class="btn btn-outline-primary">Editar</a>
                    <form method="POST" action="{{ route('contabilidad.comprobantes.destroy', $comprobante) }}" class="d-inline" onsubmit="return confirm('¿Eliminar este comprobante?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-outline-danger">Eliminar</button>
                    </form>
                @endif
                <button class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#anular-modal">Anular</button>
            @endif
        </div>
    </div>

    <div class="card p-3 mb-3">
        <div class="row">
            <div class="col-md-3"><strong>Tipo:</strong> {{ ucfirst($comprobante->tipo) }}</div>
            <div class="col-md-3"><strong>Fecha:</strong> {{ $comprobante->fecha->format('d/m/Y') }}</div>
            <div class="col-md-3"><strong>Origen:</strong> {{ ucfirst($comprobante->origen_modulo) }}</div>
            <div class="col-md-3">
                <strong>Estado:</strong>
                @if ($comprobante->anulado)
                    <span class="badge bg-danger">Anulado</span>
                @else
                    <span class="badge bg-success">Vigente</span>
                @endif
            </div>
        </div>
        <div class="mt-2"><strong>Concepto:</strong> {{ $comprobante->concepto }}</div>
        @if ($comprobante->anulado)
            <div class="mt-1 text-danger"><strong>Motivo de anulacion:</strong> {{ $comprobante->motivo_anulacion }}</div>
        @endif
        @if ($origen = $comprobante->origen())
            <div class="mt-1"><strong>Documento de origen:</strong> {{ class_basename($origen) }} #{{ $origen->id }}</div>
        @endif
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <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 }} @if($linea->auxiliarNombre()) <span class="text-muted small">({{ $linea->auxiliarNombre() }})</span> @endif</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>
            <tfoot>
                <tr class="fw-bold">
                    <td colspan="2">Totales {{ $comprobante->cuadrado() ? '(cuadrado)' : '(¡DESCUADRADO!)' }}</td>
                    <td class="text-end">{{ number_format($comprobante->total_debe, 2) }}</td>
                    <td class="text-end">{{ number_format($comprobante->total_haber, 2) }}</td>
                </tr>
            </tfoot>
        </table>
    </div>

    @if (! $comprobante->anulado)
        <div class="modal fade" id="anular-modal" tabindex="-1">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('contabilidad.comprobantes.anular', $comprobante) }}" class="modal-content">
                    @csrf
                    <div class="modal-header"><h5 class="modal-title">Anular comprobante</h5></div>
                    <div class="modal-body">
                        <label class="form-label">Motivo de la anulacion</label>
                        <textarea name="motivo" class="form-control" required></textarea>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-danger">Confirmar anulacion</button>
                    </div>
                </form>
            </div>
        </div>
    @endif
@endsection