@extends('layouts.app')

@section('content')
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">Complemento de Pago {{ $complemento->folio }}</h4>
                    <div>
                        @if($complemento->estatus_sat === 'active')
                            <span class="badge rounded-pill bg-success">Activo</span>
                        @elseif($complemento->estatus_sat === 'pending')
                            <span class="badge rounded-pill bg-warning">Pendiente</span>
                        @elseif($complemento->estatus_sat === 'canceled')
                            <span class="badge rounded-pill bg-danger">Cancelado</span>
                        @else
                            <span class="badge rounded-pill bg-info">{{ $complemento->estatus_sat }}</span>
                        @endif
                    </div>
                </div>
                <div class="card-body">
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <h6>Datos del Complemento</h6>
                            <p class="mb-1"><strong>Folio:</strong> {{ $complemento->folio }}</p>
                            <p class="mb-1"><strong>Cliente:</strong> {{ $complemento->cliente->alias ?? $complemento->cliente->nombre ?? 'N/A' }}</p>
                            <p class="mb-1"><strong>Forma de Pago:</strong> {{ $complemento->forma_pago }}</p>
                            <p class="mb-1"><strong>Fecha de Pago:</strong> {{ \Carbon\Carbon::parse($complemento->fecha_pago)->format('d/m/Y') }}</p>
                            <p class="mb-1"><strong>Fecha Creacion:</strong> {{ $complemento->created_at->format('d/m/Y H:i') }}</p>
                        </div>
                        <div class="col-md-6">
                            <h6>Total del Complemento</h6>
                            <h3>${{ number_format($complemento->total, 2) }}</h3>
                        </div>
                    </div>

                    <hr>

                    <h6>Facturas Aplicadas</h6>
                    <div class="table-responsive">
                        <table class="table table-sm table-striped">
                            <thead>
                                <tr>
                                    <th>Factura</th>
                                    <th class="text-end">Monto Pagado</th>
                                    <th class="text-center">Fecha</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($complemento->detalles as $detalle)
                                    <tr>
                                        <td>
                                            @if($detalle->factura)
                                                <a href="{{ route('factura.show', $detalle->factura->id) }}">
                                                    Folio {{ $detalle->factura->folio }}
                                                </a>
                                            @else
                                                N/A
                                            @endif
                                        </td>
                                        <td class="text-end">${{ number_format($detalle->total, 2) }}</td>
                                        <td class="text-center">{{ $detalle->created_at->format('d/m/Y') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td class="text-end"><strong>Total:</strong></td>
                                    <td class="text-end"><strong>${{ number_format($complemento->total, 2) }}</strong></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">Informacion SAT</h5>
                </div>
                <div class="card-body">
                    @if($complemento->uuid)
                        <p class="mb-1"><strong>UUID:</strong></p>
                        <p class="mb-2"><small class="text-muted">{{ $complemento->uuid }}</small></p>
                    @endif
                    @if($complemento->sat_cer_number)
                        <p class="mb-1"><strong>No. Certificado SAT:</strong></p>
                        <p class="mb-2"><small class="text-muted">{{ $complemento->sat_cer_number }}</small></p>
                    @endif
                    @if($complemento->rfc_prov_certif)
                        <p class="mb-1"><strong>RFC Proveedor Certificacion:</strong></p>
                        <p class="mb-2"><small class="text-muted">{{ $complemento->rfc_prov_certif }}</small></p>
                    @endif
                    @if($complemento->date)
                        <p class="mb-1"><strong>Fecha Timbrado:</strong></p>
                        <p class="mb-2"><small class="text-muted">{{ $complemento->date }}</small></p>
                    @endif
                    @if($complemento->fecha_cancelacion)
                        <p class="mb-1"><strong>Fecha Cancelacion:</strong></p>
                        <p class="mb-2"><small class="text-muted">{{ $complemento->fecha_cancelacion }}</small></p>
                    @endif
                </div>
            </div>

            @if($complemento->perfil)
                <div class="card mt-3">
                    <div class="card-header">
                        <h5 class="card-title mb-0">Perfil Fiscal (Emisor)</h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-1"><strong>Nombre:</strong> {{ $complemento->perfil->nombre }}</p>
                        <p class="mb-1"><strong>RFC:</strong> {{ $complemento->perfil->rfc }}</p>
                        <p class="mb-1"><strong>Regimen Fiscal:</strong> {{ $complemento->perfil->regimen_fiscal }}</p>
                        <p class="mb-1"><strong>Serie:</strong> {{ $complemento->perfil->serie }}</p>
                        <p class="mb-1"><strong>C.P.:</strong> {{ $complemento->perfil->codigo_postal }}</p>
                    </div>
                </div>
            @endif

            <div class="mt-3">
                @can('pagos-mostrar')
                    <a href="{{ route('pago.pdf', $complemento->id) }}" class="btn btn-danger w-100 mb-2" target="_blank">Descargar PDF</a>
                    <a href="{{ route('pago.xml', $complemento->id) }}" class="btn btn-success w-100 mb-2">Descargar XML</a>
                @endcan
                @can('pagos-eliminar')
                    @if($complemento->estatus_sat !== 'canceled')
                        <a href="{{ route('pago.cancelar', $complemento->id) }}" class="btn btn-danger w-100 mb-2">Cancelar Complemento</a>
                    @endif
                @endcan
                <a href="{{ route('pago.index') }}" class="btn btn-secondary w-100">Volver al Listado</a>
            </div>
        </div>
    </div>
@endsection