<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>NC <?php echo $nc->serie . '-' . $nc->numero; ?></title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: Arial, sans-serif; font-size: 11px; color: #000; background: #f0f0f0; }

        .documento-wrapper {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
        }

        .header-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
        @media print {
            body { background: #fff; }
            .documento-wrapper { padding: 5px; max-width: 100%; }
            .no-print { display: none; }
        }
        .logo-cell { width: 150px; text-align: center; padding: 10px; }
        .logo-cell img { max-width: 130px; max-height: 80px; }
        .titulo-cell { width: 250px; text-align: center; border: 1px solid #000; padding: 10px; }
        .titulo-cell h2 { font-size: 13px; font-weight: bold; }
        .titulo-cell h3 { font-size: 12px; }
        .emisor-cell { vertical-align: top; padding-left: 10px; }

        .emisor-info { font-size: 11px; line-height: 1.5; }
        .emisor-info strong { font-size: 12px; }

        .adquiriente-table { width: 100%; border-collapse: collapse; margin: 10px 0; }
        .adquiriente-table td { padding: 3px 5px; font-size: 11px; }
        .adquiriente-box { border: 1px solid #000; padding: 8px; margin-bottom: 8px; }

        .fecha-moneda { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
        .fecha-moneda td { border: 1px solid #000; padding: 5px 8px; text-align: center; }
        .fecha-moneda th { border: 1px solid #000; padding: 5px 8px; text-align: center; background: #f0f0f0; font-size: 11px; }

        .referencia-table { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
        .referencia-table th { border: 1px solid #000; padding: 5px 8px; background: #f0f0f0; font-size: 10px; }
        .referencia-table td { border: 1px solid #000; padding: 5px 8px; font-size: 11px; }

        .sustento { margin-bottom: 8px; font-size: 11px; }
        .sustento strong { font-weight: bold; }

        .detalle-table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
        .detalle-table th { border: 1px solid #000; padding: 5px 8px; background: #d0d0d0; text-align: center; font-size: 11px; }
        .detalle-table td { border: 1px solid #000; padding: 4px 8px; font-size: 11px; }
        .detalle-table td.text-right { text-align: right; }
        .detalle-table td.text-center { text-align: center; }

        .totales-table { width: 300px; margin-left: auto; border-collapse: collapse; margin-bottom: 10px; }
        .totales-table td { padding: 3px 8px; font-size: 11px; }
        .totales-table td.label { text-align: right; font-weight: bold; }
        .totales-table td.valor { text-align: right; border-bottom: 1px solid #ccc; }
        .totales-table tr.total-final td { font-size: 13px; font-weight: bold; border-top: 2px solid #000; }

        .letras { margin-bottom: 10px; font-size: 11px; }
        .letras strong { font-weight: bold; }

        .pie { font-size: 10px; color: #444; margin-top: 10px; border-top: 1px solid #ccc; padding-top: 8px; }
        .qr-box { float: right; text-align: center; }
        .qr-box img { width: 80px; height: 80px; }

        hr.linea { border: none; border-top: 1px solid #000; margin: 5px 0; }

        @media print {
            body { padding: 5px; }
            .no-print { display: none; }
        }
    </style>
</head>
<body>
<div class="documento-wrapper">

<!-- BOTÓN IMPRIMIR -->
<div class="no-print" style="margin-bottom:10px;">
    <button onclick="window.print()" style="padding:8px 20px; background:#337ab7; color:#fff; border:none; cursor:pointer; border-radius:4px;">
        <i class="fa fa-print"></i> Imprimir
    </button>
    <a href="<?php echo base_url('index.php/ventas/nota_credito/ver/'.$nc->id); ?>"
       style="padding:8px 20px; background:#777; color:#fff; text-decoration:none; border-radius:4px; margin-left:5px;">
        Volver
    </a>
</div>

<!-- ENCABEZADO -->
<table class="header-table">
    <tr>
        <td class="logo-cell">
            <?php if(!empty($empresa->logo)): ?>
                <img src="<?php echo base_url('uploads/empresa/' . $empresa->logo); ?>" alt="Logo">
            <?php else: ?>
                <strong><?php echo $empresa->nombre; ?></strong>
            <?php endif; ?>
        </td>
        <td class="emisor-cell">
            <div class="emisor-info">
                <strong><?php echo $empresa->nombre; ?></strong><br>
                <?php echo $empresa->direccion_fiscal; ?><br>
                <?php echo !empty($empresa->telefono) ? $empresa->telefono : ''; ?>
                <?php echo !empty($empresa->web) ? ' / ' . $empresa->web : ''; ?>
            </div>
        </td>
        <td class="titulo-cell">
            <h2>NOTA DE CRÉDITO ELECTRÓNICA</h2>
            <h3>RUC: <?php echo $empresa->ruc; ?></h3>
            <h3>Nro.: <?php echo $nc->serie . '-' . $nc->numero; ?></h3>
        </td>
    </tr>
</table>

<!-- ADQUIRIENTE -->
<div class="adquiriente-box">
    <strong>Adquiriente</strong><br>
    <strong><?php echo $nc->cliente; ?></strong><br>
    R.U.C.: <?php echo $nc->cliente_ruc; ?><br>
    <?php echo !empty($nc->cliente_direccion) ? $nc->cliente_direccion : ''; ?>
</div>

<!-- FECHA Y MONEDA -->
<table class="fecha-moneda">
    <tr>
        <th>Fecha de Emisión</th>
        <th>Moneda</th>
    </tr>
    <tr>
        <td><?php echo date('d-m-Y', strtotime($nc->fecha)); ?></td>
        <td><?php echo $nc->moneda; ?></td>
    </tr>
</table>

<!-- DOCUMENTO QUE MODIFICA -->
<table class="referencia-table">
    <tr>
        <th>Documento que Modifica</th>
        <th>Serie y Número que Modifica</th>
        <th>Fecha Doc. Origen</th>
        <th>Tipo de Operación</th>
    </tr>
    <tr>
        <td><?php echo $nc->tipo_comprobante; ?></td>
        <td><?php echo $nc->comprob_serie . '-' . $nc->comprob_numero; ?></td>
        <td><?php echo date('d/m/Y', strtotime($nc->comprob_fecha)); ?></td>
        <td><?php echo $nc->tipo_nc; ?></td>
    </tr>
</table>

<!-- SUSTENTO -->
<div class="sustento">
    <strong>Motivo o Sustento:</strong> <?php echo $nc->sustento; ?>
</div>

<hr class="linea">

<!-- DETALLE -->
<?php if(!empty($detalle)): ?>
<table class="detalle-table">
    <thead>
        <tr>
            <th style="width:70px;">Código</th>
            <th>Descripción</th>
            <th style="width:60px;">Cantidad</th>
            <th style="width:50px;">U.Medida</th>
            <th style="width:80px;">Precio</th>
            <th style="width:80px;">TOTAL</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach($detalle as $item): ?>
            <tr>
                <td class="text-center"><?php echo $item->producto_codigo; ?></td>
                <td><?php echo $item->descripcion ?? $item->producto_nombre; ?></td>
                <td class="text-center"><?php echo number_format((float)$item->cantidad, 2); ?></td>
                <td class="text-center"><?php echo $item->unidad ?? 'NIU'; ?></td>
                <td class="text-right"><?php echo number_format((float)$item->precio_unitario, 2); ?></td>
                <td class="text-right"><?php echo number_format((float)$item->subtotal, 2); ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>
<?php endif; ?>

<hr class="linea">

<!-- TOTALES -->
<table class="totales-table">
    <tr>
        <td class="label">Op. Gravadas :</td>
        <td class="valor"><?php echo $nc->moneda_abreviado; ?> <?php echo number_format((float)$nc->subtotal, 2); ?></td>
    </tr>
    <tr>
        <td class="label">I.G.V.: <?php echo number_format((float)$nc->igv_porcentaje, 2); ?>%</td>
        <td class="valor"><?php echo $nc->moneda_abreviado; ?> <?php echo number_format((float)$nc->igv, 2); ?></td>
    </tr>
    <tr class="total-final">
        <td class="label">Total :</td>
        <td class="valor"><?php echo $nc->moneda_abreviado; ?> <?php echo number_format((float)$nc->total, 2); ?></td>
    </tr>
</table>

<!-- IMPORTE EN LETRAS -->
<div class="letras">
    Importe en Letras:<br>

    <?php
$this->load->helper('numero');
$montoEnLetras = numero_a_letras((float)$nc->total, !empty($nc->moneda) ? $nc->moneda : 'SOLES');
?>
<strong>Son: <?php echo strtoupper($montoEnLetras); ?></strong>

</div>

<!-- PIE -->
<div class="pie">
    <div class="qr-box">
        <?php if(!empty($nc->codigoqr)): ?>
            <img src="<?php echo $nc->codigoqr; ?>" alt="QR">
        <?php endif; ?>
    </div>
    Puede consultar la validez de este documento directamente en <strong>www.sunat.gob.pe</strong> y/o su PSE.<br>
    Representación impresa de la <strong>NOTA DE CRÉDITO ELECTRÓNICA</strong>
</div>

</div><!-- fin documento-wrapper -->
</body>
</html>