<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>COMPROBANTE PAGO</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <style>
        .cabecera {
            background-color: rgb(177, 177, 177);
            align-items: center;
            text-align: center;
            border-bottom: 2px solid;
            /* height: '150'; */
        }

        .detalle {
            border-bottom: 1px;
            align-items: center;
            text-align: center;
        }

        .detalle td {
            border-bottom: 1px solid;
        }

        .barcod {
            max-width: 400px;
            display: block;
        }

        .line {
            width: 112px;
            height: 47px;
            border-bottom: 1px solid black;
            position: absolute;
        }
    </style>
</head>

<body style="margin: 0; padding: 0;">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td>
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                        <td width="30%" height="120px" align="center">

                            <img src="{{ route('image.displayImage','jjj') }}" alt=""
                                style="max-height: 120px;">
                        </td>
                        <td width="70%">
                            <table cellpadding="0" cellspacing="0" width="100%"
                                style="border-radius:6px;border-collapse:separate;border:solid black 1px">
                                <tr style="border: 2px solid black">
                                <tr>
                                    {{-- <td align="center"><strong>{{ $parametrobo->nombrecia }}</strong></td> --}}
                                    <td align="center"><strong>COOPERATIVA DE TRANSPORTE DE PASAJEROS EN TAXI</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <h2>" 5 ESTRELLAS " .LTDA</h2>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong> Dirección: </strong><span
                                            style="font-size: 16px">{{ $parametros->direccion }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong> Telefono: </strong><span
                                            style="font-size: 16px">{{ $parametros->telefono1 . $parametros->telefono }}</span><span
                                            style="font-size: 16px"> - {{ $parametros->email }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong> Ruc:</strong><span
                                            style="font-size: 16px">{{ $parametros->ruc }}</span>
                                    </td>
                                </tr>
                                <br>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td align="center">
                <h2>RECIBO DE INGRESO No. <span style="color: brown">{{ substr("000000000{$idpago}", -9) }}</span>
                </h2>
            </td>
        </tr>
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0" width="100%"
                    style="font-size:12px; border-radius:6px;border-collapse:separate;border:solid black 1px">
                    <tr>
                        <td width="33%">
                            <table>
                                <tr>
                                    <td><strong style="font-size: 16px">Socio: </strong><span style="font-size: 15px">
                                            {{ $cabecera->id_socio }} </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong style="font-size: 16px">Nombre: </strong><span
                                            style="font-size: 15px">{{ $cabecera->nombre_completo }}</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="33%">
                            <table>

                                <tr>
                                    <td><strong style="font-size: 16px">Cedula: </strong><span
                                            style="font-size: 15px">{{ $cabecera->num_docum_iden }}</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="33%">
                            <table>
                                <tr>
                                    <td><strong style="font-size: 16px">Fecha: </strong><span
                                            style="font-size: 15px">{{ $pagos[0]->fechaingreso }}</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table style="margin-top:15px; font-size:10px;" width="100%">
                    <tr class="cabecera">
                        <td><strong style="font-size: 16px">No. Cuota</strong></td>
                        <td><strong style="font-size: 16px">Monto</strong>
                        </td>
                        <td><strong style="font-size: 16px">Abono</strong>
                        </td>
                        <td><strong style="font-size: 16px">Saldo</strong>
                        </td>
                    </tr>
                    <br>
                    @foreach ($pagos as $item)
                        <tr class="detalle">
                            <td><span style="font-size: 14px">{{ $item->numcuota . '/' . $item->totalcuota }}</span>
                            </td>
                            <td><span style="font-size: 13px">{{ $item->monto }}</span></td>
                            <td><span style="font-size: 14px">{{ $item->abono }}</span></td>
                            <td><span style="font-size: 14px">{{ $item->saldo }}</span></td>
                        </tr>
                    @endforeach
                </table>
            </td>
        </tr>
        <br>
        <tr>
            <td>
                <strong style="font-size: 14px">CONCEPTO: </strong><span
                    style="font-size: 15px">{{ $cabecera->descripcion }}</span>
            </td>
        </tr>
        <tr>
            <td>
                <strong style="font-size: 14px">FORMA DE PAGO: </strong><span
                    style="font-size: 15px">{{ $pagos[0]->tipopago }}</span>
            </td>
        </tr>
    </table>

</body>

</html>
