@extends('layouts.admin')

@section('title', 'Pagos')

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h1 class="h3 mb-1">Pagos</h1>
        <p class="text-secondary mb-0">Registro de pagos recibidos</p>
    </div>
    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#modalRegisterPayment">
        <i class="bi bi-plus-lg"></i> Registrar pago
    </button>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>Número</th>
                    <th>Fecha</th>
                    <th>Cliente</th>
                    <th>Pedido</th>
                    <th>Método</th>
                    <th>Monto</th>
                    <th>Factura</th>
                    <th class="text-end">Acciones</th>
                </tr>
            </thead>
            <tbody>
                @forelse($payments as $p)
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $p->number }}</div>
                            @if($p->reference)
                                <div class="small text-secondary">Ref. {{ $p->reference }}</div>
                            @endif
                        </td>
                        <td>{{ $p->paid_at->format('d/m/Y H:i') }}</td>
                        <td>{{ $p->client->business_name }}</td>
                        <td>
                            @if($p->order)
                                <a href="{{ route('orders.show', $p->order) }}">{{ $p->order->number }}</a>
                            @else
                                —
                            @endif
                        </td>
                        <td>{{ $p->methodLabel() }}</td>
                        <td class="fw-semibold">${{ number_format((float) $p->amount, 2) }}</td>
                        <td>
                            @if($p->order)
                                @include('partials.invoice-status', ['order' => $p->order, 'compact' => true])
                            @else
                                <span class="text-secondary">—</span>
                            @endif
                        </td>
                        <td class="text-nowrap text-end">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('payments.show', $p) }}">Ver</a>
                            <a class="btn btn-sm btn-outline-secondary" href="{{ route('payments.edit', $p) }}">Editar</a>
                            @if($p->receipt_path)
                                <a class="btn btn-sm btn-outline-primary" href="{{ route('payments.receipt', $p) }}" target="_blank">Comprobante</a>
                            @endif
                            <form class="d-inline" method="POST" action="{{ route('payments.destroy', $p) }}">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" type="submit" onclick="return confirm('¿Eliminar pago y revertir saldo?')">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center py-5 text-secondary">No hay pagos registrados.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($payments->hasPages())
        <div class="card-footer">{{ $payments->links() }}</div>
    @endif
</div>

<div class="modal fade" id="modalRegisterPayment" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <form class="modal-content" method="POST" enctype="multipart/form-data" action="{{ route('payments.store') }}">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Registrar pago</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label">Pedido</label>
                <div
                    class="searchable mb-3"
                    data-name="order_id"
                    data-required="1"
                    data-placeholder="Escriba para buscar pedido…"
                    data-options="{{ json_encode($orderOptions) }}"
                ></div>

                <label class="form-label">Fecha</label>
                <input class="form-control mb-3" type="datetime-local" name="paid_at" value="{{ now()->format('Y-m-d\TH:i') }}" required>

                <label class="form-label">Monto</label>
                <input class="form-control mb-3" type="number" step="0.0001" min="0.0001" name="amount" required>

                <label class="form-label">Método</label>
                <select class="form-select mb-3" name="method">
                    @foreach(\App\Enums\PaymentMethod::collectableCases() as $m)
                        <option value="{{ $m->value }}">{{ $m->label() }}</option>
                    @endforeach
                </select>

                <label class="form-label">Banco</label>
                <input class="form-control mb-3" name="bank">

                <label class="form-label">Referencia</label>
                <input class="form-control mb-3" name="reference">

                <label class="form-label">Comprobante</label>
                <input class="form-control mb-3" type="file" name="receipt">

                <label class="form-label">Observaciones</label>
                <textarea class="form-control" name="notes"></textarea>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" type="submit">Registrar y aplicar</button>
            </div>
        </form>
    </div>
</div>
@endsection