@extends('layouts.admin')

@section('title', 'Pago '.$payment->number)

@section('content')
@php
    $order = $payment->order;
@endphp
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">{{ $payment->number }}</h1>
        <p class="text-secondary mb-0">
            {{ $payment->client?->business_name }}
            · ${{ number_format((float) $payment->amount, 2) }}
            · {{ $payment->methodLabel() }}
        </p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary" href="{{ route('payments.index') }}">Volver</a>
        <a class="btn btn-outline-primary" href="{{ route('payments.edit', $payment) }}"><i class="bi bi-pencil"></i> Editar</a>
        @if($payment->receipt_path)
            <a class="btn btn-outline-primary" href="{{ route('payments.receipt', $payment) }}" target="_blank"><i class="bi bi-eye"></i> Ver comprobante</a>
        @endif
        @if($order && $order->canEmitInvoice() && auth()->user()->hasPermission('billing.emit'))
            <a class="btn btn-primary" href="{{ route('billing.orders.emit.preview', $order) }}">
                <i class="bi bi-receipt"></i> Facturar
            </a>
        @elseif($order?->activeElectronicInvoice())
            <a class="btn btn-outline-success" href="{{ route('billing.show', $order->activeElectronicInvoice()) }}">
                <i class="bi bi-receipt"></i> Ver factura
            </a>
        @endif
        <form method="POST" action="{{ route('payments.destroy', $payment) }}" onsubmit="return confirm('¿Eliminar este pago? Se revertirá el saldo del cliente y el movimiento de caja si existe.')">
            @csrf @method('DELETE')
            <button class="btn btn-outline-danger" type="submit"><i class="bi bi-trash"></i> Eliminar</button>
        </form>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-header bg-white fw-semibold">Datos del pago</div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-4">
                        <div class="text-secondary small">Fecha</div>
                        <div>{{ $payment->paid_at?->format('d/m/Y H:i') }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-secondary small">Método</div>
                        <div class="fw-semibold">{{ $payment->methodLabel() }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-secondary small">Monto cobrado</div>
                        <div class="fw-bold fs-5">${{ number_format((float) $payment->amount, 2) }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-secondary small">Banco</div>
                        <div>{{ $payment->bank ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-secondary small">Referencia</div>
                        <div>{{ $payment->reference ?: '—' }}</div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-secondary small">Registrado por</div>
                        <div>{{ $payment->creator?->name ?: '—' }}</div>
                    </div>
                    @if($payment->notes)
                        <div class="col-12">
                            <div class="text-secondary small">Notas</div>
                            <div>{{ $payment->notes }}</div>
                        </div>
                    @endif
                    @if($payment->receipt_path)
                        <div class="col-12">
                            <div class="text-secondary small">Comprobante</div>
                            <a href="{{ route('payments.receipt', $payment) }}" target="_blank">Ver archivo adjunto</a>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        @if($order)
            <div class="card mb-3">
                <div class="card-header bg-white fw-semibold d-flex justify-content-between align-items-center">
                    <span>Qué se cobró · pedido {{ $order->number }}</span>
                    <a class="btn btn-sm btn-outline-secondary" href="{{ route('orders.show', $order) }}">Ver pedido</a>
                </div>
                <div class="table-responsive">
                    <table class="table mb-0 align-middle">
                        <thead>
                            <tr>
                                <th>Producto</th>
                                <th>Cantidad</th>
                                <th>P. unit.</th>
                                <th>IVA</th>
                                <th class="text-end">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($order->items as $item)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $item->product?->name }}</div>
                                        @if($item->product?->sku)
                                            <div class="small text-secondary">{{ $item->product->sku }}</div>
                                        @endif
                                    </td>
                                    <td>{{ $item->quantityLabel() }}</td>
                                    <td>${{ number_format((float) ($item->price_entered ?? $item->unit_sale_price), 4) }}</td>
                                    <td>${{ number_format((float) $item->tax_total, 2) }}</td>
                                    <td class="text-end">${{ number_format((float) $item->total, 2) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-secondary text-center py-4">Sin ítems</td></tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="4" class="text-end">Subtotal</td>
                                <td class="text-end">${{ number_format((float) $order->subtotal, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-end">IVA</td>
                                <td class="text-end">${{ number_format((float) $order->tax_total, 2) }}</td>
                            </tr>
                            <tr>
                                <td colspan="4" class="text-end fw-bold">Total pedido</td>
                                <td class="text-end fw-bold">${{ number_format((float) $order->total, 2) }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        @endif

        @if($payment->applications->isNotEmpty())
            <div class="card mb-3">
                <div class="card-header bg-white fw-semibold">Aplicación a cuentas por cobrar</div>
                <ul class="list-group list-group-flush">
                    @foreach($payment->applications as $app)
                        <li class="list-group-item d-flex justify-content-between">
                            <div>
                                <div class="fw-semibold">{{ $app->receivable?->number ?: 'CxC #'.$app->receivable_id }}</div>
                                <div class="small text-secondary">
                                    Original ${{ number_format((float) ($app->receivable?->original_amount ?? 0), 2) }}
                                    · Saldo ${{ number_format((float) ($app->receivable?->balance ?? 0), 2) }}
                                </div>
                            </div>
                            <div class="fw-bold text-success">−${{ number_format((float) $app->amount, 2) }}</div>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if($payment->cashMovements->isNotEmpty())
            <div class="card mb-3">
                <div class="card-header bg-white fw-semibold">Movimientos de caja</div>
                <ul class="list-group list-group-flush">
                    @foreach($payment->cashMovements as $mov)
                        <li class="list-group-item">
                            <div class="d-flex justify-content-between gap-2">
                                <div>
                                    <div class="fw-semibold">{{ $mov->type?->label() ?? $mov->type }}</div>
                                    <div class="small text-secondary">{{ $mov->description }}</div>
                                    <div class="small text-secondary">{{ $mov->created_at?->format('d/m/Y H:i') }}</div>
                                </div>
                                <div class="fw-bold">${{ number_format((float) $mov->amount, 2) }}</div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="col-lg-4">
        @if($order)
            <div class="card mb-3">
                <div class="card-body">
                    <div class="text-secondary small">Pedido</div>
                    <div class="fw-semibold"><a href="{{ route('orders.show', $order) }}">{{ $order->number }}</a></div>
                    <div>{{ $order->statusLabel() }}</div>
                    <div class="small text-secondary mt-1">{{ $order->financialStatusLabel() }}</div>
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <div class="text-secondary small mb-1">Facturación electrónica</div>
                    @include('partials.invoice-status', ['order' => $order])
                </div>
            </div>

            <div class="card mb-3">
                <div class="card-body">
                    <div class="text-secondary small">Cliente / facturación</div>
                    <div class="fw-semibold">{{ $order->buyer_legal_name ?: $order->client?->business_name }}</div>
                    <div>{{ $order->buyer_tax_id ?: $order->client?->tax_id }}</div>
                    <div>{{ $order->buyer_email ?: $order->client?->email }}</div>
                    <div>{{ $order->buyer_phone ?: $order->client?->phone }}</div>
                    <div class="mt-2 small">{{ $order->buyer_address ?: $order->client?->address }}</div>
                </div>
            </div>

            @if($order->delivery)
                <div class="card mb-3">
                    <div class="card-body">
                        <div class="text-secondary small">Entrega</div>
                        <div><a href="{{ route('deliveries.show', $order->delivery) }}">{{ $order->delivery->number }}</a></div>
                        <div>{{ $order->delivery->statusLabel() }}</div>
                        <div class="small">Despachador: {{ $order->delivery->driverLabel() }}</div>
                        @if($order->dispatcher_name)
                            <div class="small text-secondary">Portal: {{ $order->dispatcher_name }}</div>
                        @endif
                    </div>
                </div>
            @endif
        @endif
    </div>
</div>
@endsection