@extends('admin.layouts.app')

@section('content')

<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0">Pago #{{ $payment->id_payment }}</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="{{ route('admin.meli.dashboard') }}">MarketPlace</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.meli.payments.index') }}">Pagos</a></li>
                    <li class="breadcrumb-item active">#{{ $payment->id_payment }}</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    {{-- Payment Details --}}
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri-bank-card-line me-1"></i> Información del Pago</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-borderless table-sm mb-0">
                            <tr>
                                <td class="text-muted" width="140">Payment ID</td>
                                <td><strong class="font-monospace">{{ $payment->id_payment }}</strong></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Publicación</td>
                                <td><span class="font-monospace">{{ $payment->mla_publ ?? '-' }}</span></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Transacción</td>
                                <td>{{ $payment->mla_tran ?? '-' }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Estado</td>
                                <td>
                                    @switch($payment->estado)
                                        @case('approved')
                                        @case('PAGAD')
                                            <span class="badge bg-success fs-6">{{ $payment->estado }}</span>
                                            @break
                                        @case('pending')
                                            <span class="badge bg-warning fs-6">Pendiente</span>
                                            @break
                                        @case('rejected')
                                            <span class="badge bg-danger fs-6">Rechazado</span>
                                            @break
                                        @case('refunded')
                                            <span class="badge bg-info fs-6">Devuelto</span>
                                            @break
                                        @case('cancelled')
                                            <span class="badge bg-secondary fs-6">Cancelado</span>
                                            @break
                                        @default
                                            <span class="badge bg-secondary fs-6">{{ $payment->estado }}</span>
                                    @endswitch
                                </td>
                            </tr>
                            @if($payment->estado_detalle)
                            <tr>
                                <td class="text-muted">Motivo</td>
                                <td>
                                    <span class="text-{{ in_array($payment->estado, ['rejected', 'refunded', 'cancelled']) ? 'danger' : 'muted' }} fw-medium">
                                        {{ $payment->estado_detalle_label }}
                                    </span>
                                    <br><small class="text-muted font-monospace">{{ $payment->estado_detalle }}</small>
                                </td>
                            </tr>
                            @endif
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-borderless table-sm mb-0">
                            <tr>
                                <td class="text-muted" width="140">Total</td>
                                <td><strong class="fs-4 text-success">${{ number_format($payment->mla_total ?? 0, 2, ',', '.') }}</strong></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Envío</td>
                                <td>${{ number_format($payment->mla_envio ?? 0, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Fee MercadoPago</td>
                                <td class="text-danger">${{ number_format($payment->mpg_fee ?? 0, 2, ',', '.') }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Neto</td>
                                <td><strong class="fs-5">${{ number_format($payment->net_amount, 2, ',', '.') }}</strong></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- Payer Info --}}
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri-user-line me-1"></i> Pagador</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-borderless table-sm mb-0">
                            <tr>
                                <td class="text-muted" width="140">Nickname</td>
                                <td><strong>{{ $payment->mla_nick ?? '-' }}</strong></td>
                            </tr>
                            <tr>
                                <td class="text-muted">Nombre</td>
                                <td>{{ $payment->payer_full_name ?: '-' }}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-borderless table-sm mb-0">
                            <tr>
                                <td class="text-muted" width="140">Email</td>
                                <td>{{ $payment->mla_mail ?? '-' }}</td>
                            </tr>
                            <tr>
                                <td class="text-muted">Recibido</td>
                                <td>{{ $payment->mla_recibi ?? '-' }}</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Right Column --}}
    <div class="col-lg-4">
        {{-- Origen Badge --}}
        <div class="card">
            <div class="card-body text-center py-2">
                <span class="badge bg-{{ $payment->origen_color }}-subtle text-{{ $payment->origen_color }} fs-6">
                    @if($payment->origen === 'ml')
                        <i class="ri-store-2-line me-1"></i>
                    @elseif($payment->origen === 'ecommerce')
                        <i class="ri-links-line me-1"></i>
                    @endif
                    Origen: {{ $payment->origen_label }}
                </span>
            </div>
        </div>

        {{-- Venta MercadoLibre --}}
        @if($payment->meliOrder)
        @php $ml = $payment->meliOrder; @endphp
        <div class="card border-info">
            <div class="card-header bg-info-subtle">
                <h5 class="card-title mb-0 text-info"><i class="ri-store-2-line me-1"></i> Venta MercadoLibre</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless table-sm mb-0">
                    <tr>
                        <td class="text-muted" width="100">Orden ML</td>
                        <td>
                            <strong class="font-monospace">{{ $ml->order_id }}</strong>
                            <a href="{{ route('admin.meli.orders.show', $ml->id) }}" class="ms-1" title="Ver orden ML">
                                <i class="ri-external-link-line"></i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted">Comprador</td>
                        <td>
                            <strong>{{ $ml->buyer_nik ?? '-' }}</strong>
                            @if($ml->buyer_full_name)
                                <br><small class="text-muted">{{ $ml->buyer_full_name }}</small>
                            @endif
                        </td>
                    </tr>
                    @if($ml->buyer_mail ?? $ml->mla_mail)
                    <tr>
                        <td class="text-muted">Email</td>
                        <td><small>{{ $ml->buyer_mail ?? $ml->mla_mail }}</small></td>
                    </tr>
                    @endif
                    @if($ml->publication)
                    <tr>
                        <td class="text-muted">Publicación</td>
                        <td>
                            <span class="font-monospace small">{{ $ml->mla_publ }}</span>
                            <a href="{{ route('admin.meli.publications.edit', $ml->publication->id) }}" class="ms-1" title="Ver publicación">
                                <i class="ri-external-link-line"></i>
                            </a>
                            @if($ml->publication->titu_publ)
                                <br><small class="text-muted text-truncate d-inline-block" style="max-width:200px" title="{{ $ml->publication->titu_publ }}">{{ $ml->publication->titu_publ }}</small>
                            @endif
                        </td>
                    </tr>
                    @endif
                    <tr>
                        <td class="text-muted">Cantidad</td>
                        <td>{{ $ml->oi_quanti ?? 1 }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Total ML</td>
                        <td><strong>${{ number_format($ml->mla_total ?? $ml->o_tot_amou ?? 0, 2, ',', '.') }}</strong></td>
                    </tr>
                    <tr>
                        <td class="text-muted">Estado</td>
                        <td>
                            @switch($ml->o_status)
                                @case('paid')
                                    <span class="badge bg-success">Pagada</span>
                                    @break
                                @case('cancelled')
                                    <span class="badge bg-danger">Cancelada</span>
                                    @break
                                @default
                                    <span class="badge bg-secondary">{{ $ml->o_status }}</span>
                            @endswitch
                        </td>
                    </tr>
                    @if($ml->o_f_crea)
                    <tr>
                        <td class="text-muted">Fecha</td>
                        <td>{{ $ml->o_f_crea->format('d/m/Y') }} {{ $ml->o_h_crea ?? '' }}</td>
                    </tr>
                    @endif
                    @if($ml->shp_estado)
                    <tr>
                        <td class="text-muted">Envío</td>
                        <td>
                            @switch($ml->shp_estado)
                                @case('delivered')
                                    <span class="badge bg-success">Entregado</span>
                                    @break
                                @case('shipped')
                                    <span class="badge bg-primary">Enviado</span>
                                    @break
                                @case('ready_to_ship')
                                    <span class="badge bg-warning">Listo para enviar</span>
                                    @break
                                @default
                                    <span class="badge bg-secondary">{{ $ml->shp_estado }}</span>
                            @endswitch
                        </td>
                    </tr>
                    @endif
                </table>
            </div>
        </div>
        @elseif($payment->origen === 'ml')
        {{-- Tiene mla_publ pero no se encontró la orden ML importada --}}
        <div class="card border-info">
            <div class="card-header bg-info-subtle">
                <h5 class="card-title mb-0 text-info"><i class="ri-store-2-line me-1"></i> Venta MercadoLibre</h5>
            </div>
            <div class="card-body text-center">
                <p class="text-muted small mb-2">Publicación: <strong class="font-monospace">{{ $payment->mla_publ }}</strong></p>
                <p class="text-muted small mb-0">La orden ML no está importada aún. Importe órdenes desde el panel de MercadoLibre.</p>
            </div>
        </div>
        @endif

        {{-- Reconciliation (e-commerce) --}}
        @if($payment->reconciled && $payment->order)
        <div class="card border-success">
            <div class="card-header bg-success-subtle">
                <h5 class="card-title mb-0 text-success"><i class="ri-links-line me-1"></i> Orden Vinculada</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless table-sm mb-2">
                    <tr>
                        <td class="text-muted" width="100">Orden</td>
                        <td><strong class="fs-5">#{{ $payment->order->id }}</strong></td>
                    </tr>
                    <tr>
                        <td class="text-muted">Cliente</td>
                        <td>{{ $payment->order->first_name }} {{ $payment->order->last_name }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Total</td>
                        <td>${{ number_format($payment->order->grand_total, 2, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Metodo</td>
                        <td>
                            <span class="badge bg-info-subtle text-info">{{ $payment->reconciliation_method }}</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-muted">Fecha</td>
                        <td>{{ $payment->reconciled_at ? $payment->reconciled_at->format('d/m/Y H:i') : '-' }}</td>
                    </tr>
                </table>
                <button type="button" class="btn btn-sm btn-outline-danger w-100" onclick="undoReconcile({{ $payment->id }})">
                    <i class="ri-link-unlink-m me-1"></i> Desvincular
                </button>
            </div>
        </div>
        @elseif(in_array($payment->estado, ['approved', 'PAGAD']))
        <div class="card border-warning">
            <div class="card-header bg-warning-subtle">
                <h5 class="card-title mb-0 text-warning"><i class="ri-error-warning-line me-1"></i> Sin Conciliar</h5>
            </div>
            <div class="card-body text-center">
                <p class="text-muted small mb-2">Este pago aprobado no tiene orden vinculada.</p>
                <a href="{{ route('admin.meli.payments.reconciliation') }}" class="btn btn-sm btn-outline-primary">
                    <i class="ri-links-line me-1"></i> Ir a Conciliacion
                </a>
            </div>
        </div>
        @endif

        {{-- Documents --}}
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri-file-text-line me-1"></i> Documentos Vinculados</h5>
            </div>
            <div class="card-body">
                @if($payment->co_reci && $payment->nu_reci)
                    <div class="d-flex align-items-center mb-2">
                        <i class="ri-file-line text-success me-2 fs-5"></i>
                        <div>
                            <strong>Recibo</strong><br>
                            <span class="font-monospace small">{{ $payment->co_reci }}-{{ $payment->nu_reci }}</span>
                        </div>
                    </div>
                @endif
                @if($payment->co_docu && $payment->nu_docu)
                    <div class="d-flex align-items-center mb-2">
                        <i class="ri-file-line text-warning me-2 fs-5"></i>
                        <div>
                            <strong>Factura</strong><br>
                            <span class="font-monospace small">{{ $payment->co_docu }}-{{ $payment->nu_docu }}</span>
                        </div>
                    </div>
                @endif
                @if(!($payment->co_reci && $payment->nu_reci) && !($payment->co_docu && $payment->nu_docu))
                    <p class="text-muted small mb-0">Sin documentos vinculados</p>
                @endif
            </div>
        </div>

        {{-- Observations --}}
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri-sticky-note-line me-1"></i> Detalle / Observaciones</h5>
            </div>
            <div class="card-body">
                @if($payment->mla_deta)
                    <p class="small mb-2"><strong>Detalle:</strong> {{ $payment->mla_deta }}</p>
                @endif
                @if($payment->observaciones)
                    <p class="small mb-0"><strong>Observaciones:</strong> {{ $payment->observaciones }}</p>
                @endif
                @if(!$payment->mla_deta && !$payment->observaciones)
                    <p class="text-muted small mb-0">Sin observaciones</p>
                @endif
            </div>
        </div>

        {{-- Dates --}}
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0"><i class="ri-calendar-line me-1"></i> Fechas</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless table-sm mb-0">
                    <tr>
                        <td class="text-muted">Fecha Pago</td>
                        <td>{{ $payment->fecha_pago ? $payment->fecha_pago->format('d/m/Y H:i') : '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Importado</td>
                        <td>{{ $payment->created_at ? $payment->created_at->format('d/m/Y H:i') : '-' }}</td>
                    </tr>
                    <tr>
                        <td class="text-muted">Actualizado</td>
                        <td>{{ $payment->updated_at ? $payment->updated_at->format('d/m/Y H:i') : '-' }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <button type="button" onclick="history.back()" class="btn btn-outline-secondary w-100">
            <i class="ri-arrow-left-line me-1"></i> Volver al listado
        </button>
    </div>
</div>

@endsection

@if($payment->reconciled)
@push('js')
<script>
function undoReconcile(paymentId) {
    Swal.fire({
        title: 'Desvincular pago',
        text: 'Se eliminara la conciliacion de este pago con la orden. Puede volver a conciliar despues.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#f06548',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, desvincular',
        cancelButtonText: 'Cancelar'
    }).then(function(result) {
        if (result.isConfirmed) {
            Swal.fire({ title: 'Desvinculando...', allowOutsideClick: false, didOpen: function() { Swal.showLoading(); } });
            fetch('{{ url("admin/meli/payments") }}/' + paymentId + '/undo-reconcile', {
                method: 'POST',
                headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}', 'Content-Type': 'application/json', 'Accept': 'application/json' }
            })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                if (data.success) {
                    Swal.fire({ icon: 'success', title: 'Desvinculado', text: data.message, timer: 2000, showConfirmButton: false });
                    setTimeout(function() { location.reload(); }, 2000);
                } else {
                    Swal.fire({ icon: 'error', title: 'Error', text: data.message });
                }
            })
            .catch(function() { Swal.fire({ icon: 'error', title: 'Error', text: 'Error de conexion.' }); });
        }
    });
}
</script>
@endpush
@endif