<!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>Informe de Deudas</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>
        <br>
        <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">Fecha Desde: </strong><span
                                            style="font-size: 15px">
                                            {{ $datos['fechadesde'] }}</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="33%">
                            <table>
                                <tr>
                                    <td><strong style="font-size: 16px">Fecha Hasta: </strong><span
                                            style="font-size: 15px"> {{ $datos['fechahasta'] }}</span>
                                    </td>
                                </tr>

                            </table>
                        </td>
                        <td width="33%">
                            <table>
                                <tr>
                                    <td><strong style="font-size: 16px">Estado: </strong><span
                                            style="font-size: 15px">Activo</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: 11px">No.Deuda</strong></td>
                        <td><strong style="font-size: 11px">No.Factura</strong></td>
                        <td><strong style="font-size: 11px">Socio</strong></td>
                        <td><strong style="font-size: 11px">Monto</strong></td>
                        <td><strong style="font-size: 11px">Abono</strong></td>
                        <td><strong style="font-size: 11px">Saldo</strong></td>
                        <td><strong style="font-size: 11px">Fecha Vencimiento</strong></td>
                        <td><strong style="font-size: 11px">Detalle</strong></td>
                    </tr>
                    <br>
                    @foreach ($socios as $item)
                        <tr class="detalle">
                            <td><span style="font-size: 10px">{{ $item->id_cliente_deuda }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->num_documento }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->nombre_completo }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->monto }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->credito }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->saldo }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->fecha_vencimiento }}</span></td>
                            <td><span style="font-size: 10px">{{ $item->detalle }}</span></td>
                        </tr>
                    @endforeach

                </table>
            </td>
        </tr>

    </table>

</body>

</html>
