<div class="content-wrapper">
    <section class="content-header">
        <h1>Estado de Cuenta por Proveedor</h1>
    </section>

    <section class="content">

        <!-- ============================================================ -->
        <!-- CABECERA SOLO PARA IMPRESIÓN -->
        <!-- ============================================================ -->
        <?php if($proveedor): ?>
        <div id="cabeceraImpresion" class="print-only">
            <table style="width:100%; border:none; margin-bottom:10px;">
                <tr>
                    <td style="width:90px; vertical-align:top; border:none;">
                        <?php if(!empty($empresa->logo)): ?>
                            <img src="<?php echo base_url('uploads/empresa/'.$empresa->logo); ?>" style="max-width:80px; max-height:80px;">
                        <?php endif; ?>
                    </td>
                    <td style="vertical-align:top; border:none;">
                        <div style="font-size:15px; font-weight:bold;"><?php echo !empty($empresa->nombre) ? $empresa->nombre : ''; ?></div>
                        <div style="font-size:11px; color:#555;">RUC: <?php echo !empty($empresa->ruc) ? $empresa->ruc : ''; ?></div>
                        <div style="font-size:11px; color:#555;"><?php echo !empty($empresa->direccion_fiscal) ? $empresa->direccion_fiscal : ''; ?></div>
                    </td>
                    <td style="text-align:right; vertical-align:top; border:none;">
                        <div style="font-size:16px; font-weight:bold; text-transform:uppercase;">Estado de Cuenta — Proveedor</div>
                        <div style="font-size:11px; color:#555;">Emitido: <?php echo $fecha_reporte; ?></div>
                        <div style="font-size:11px; color:#555;">
                            Periodo: <?php echo date('d/m/Y', strtotime($fecha_desde ?? date('Y-01-01'))); ?>
                            al <?php echo date('d/m/Y', strtotime($fecha_hasta ?? date('Y-m-d'))); ?>
                        </div>
                    </td>
                </tr>
            </table>
            <hr style="margin:6px 0 12px; border-top:2px solid #333;">

            <!-- Datos del proveedor para impresión -->
            <table style="width:100%; border:none; margin-bottom:10px;">
                <tr>
                    <td style="border:none; padding:0;">
                        <strong>Proveedor:</strong> <?php echo $proveedor->razon_social; ?>
                        &nbsp;|&nbsp; <strong>RUC/Doc:</strong> <?php echo $proveedor->nro_documento; ?>
                        <?php if(!empty($proveedor->telefono)): ?>
                            &nbsp;|&nbsp; <strong>Teléfono:</strong> <?php echo $proveedor->telefono; ?>
                        <?php endif; ?>
                        <?php if(!empty($proveedor->email)): ?>
                            &nbsp;|&nbsp; <strong>Email:</strong> <?php echo $proveedor->email; ?>
                        <?php endif; ?>
                    </td>
                </tr>
            </table>
        </div>
        <?php endif; ?>

        <!-- FILTROS -->
        <div class="row no-print" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">
                <div class="panel panel-primary" id="panelFiltros">
                    <div class="panel-heading"><strong><i class="fa fa-filter"></i> Filtros</strong></div>
                    <div class="panel-body">
                        <form method="get" action="<?php echo base_url('index.php/logistica/estado_cuenta'); ?>">
                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label>Proveedor <span class="text-danger">*</span></label>
                                    <select name="proveedor_id" class="form-control" required>
                                        <option value="">Seleccione un proveedor</option>
                                        <?php foreach($proveedores as $item): ?>
                                            <option value="<?php echo $item->id; ?>"
                                                <?php echo ($proveedor_id == $item->id) ? 'selected' : ''; ?>>
                                                <?php echo $item->razon_social; ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                                <div class="col-md-2 form-group">
                                    <label>F. Emisión desde</label>
                                    <input type="date" name="fecha_desde" class="form-control"
                                           value="<?php echo $fecha_desde ?? date('Y-01-01'); ?>">
                                </div>
                                <div class="col-md-2 form-group">
                                    <label>F. Emisión hasta</label>
                                    <input type="date" name="fecha_hasta" class="form-control"
                                           value="<?php echo $fecha_hasta ?? date('Y-m-d'); ?>">
                                </div>
                                <div class="col-md-2 form-group" style="padding-top:25px;">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fa fa-search"></i> Consultar
                                    </button>
                                    <a href="<?php echo base_url('index.php/logistica/estado_cuenta'); ?>" class="btn btn-default">
                                        <i class="fa fa-refresh"></i>
                                    </a>
                                </div>
                                <div class="col-md-2 form-group" style="padding-top:25px;">
                                    <?php if($proveedor): ?>
                                        <button type="button" onclick="window.print()" class="btn btn-default pull-right">
                                            <i class="fa fa-print"></i> Imprimir
                                        </button>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <?php if($proveedor): ?>

        <!-- DATOS DEL PROVEEDOR -->
        <div class="row no-print" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">
                <div class="panel panel-info">
                    <div class="panel-heading"><strong>Datos del Proveedor</strong></div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-5">
                                <strong>Razón Social:</strong><br>
                                <h4 style="margin-top:3px;"><?php echo $proveedor->razon_social; ?></h4>
                            </div>
                            <div class="col-md-2">
                                <strong>RUC / Documento:</strong><br>
                                <?php echo $proveedor->nro_documento; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Teléfono:</strong><br>
                                <?php echo !empty($proveedor->telefono) ? $proveedor->telefono : '-'; ?>
                            </div>
                            <div class="col-md-3">
                                <strong>Email:</strong><br>
                                <?php echo !empty($proveedor->email) ? $proveedor->email : '-'; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- RESUMEN -->
        <div class="row no-print" id="cardsResumen" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-4">
                <div class="panel panel-default">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Total comprobantes</h4>
                        <h3><?php echo count($comprobantes); ?></h3>
                        <small>S/ <?php echo number_format($totales['total_deuda'], 2); ?></small>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-success">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Total pagado</h4>
                        <h3 class="text-success">S/ <?php echo number_format($totales['total_pagado'], 2); ?></h3>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel panel-<?php echo $totales['total_saldo'] > 0 ? 'danger' : 'success'; ?>">
                    <div class="panel-body text-center">
                        <h4 class="text-muted">Saldo pendiente</h4>
                        <h3 class="text-<?php echo $totales['total_saldo'] > 0 ? 'danger' : 'success'; ?>">
                            S/ <?php echo number_format($totales['total_saldo'], 2); ?>
                        </h3>
                    </div>
                </div>
            </div>
        </div>

        <!-- RESUMEN PARA IMPRESIÓN -->
        <table class="print-only tabla-resumen-print">
            <tr>
                <td>
                    <strong>Total comprobantes:</strong> <?php echo count($comprobantes); ?>
                    — S/ <?php echo number_format($totales['total_deuda'], 2); ?>
                </td>
                <td>
                    <strong>Total pagado:</strong> S/ <?php echo number_format($totales['total_pagado'], 2); ?>
                </td>
                <td>
                    <strong>Saldo pendiente:</strong> S/ <?php echo number_format($totales['total_saldo'], 2); ?>
                </td>
            </tr>
        </table>

        <!-- DETALLE DE COMPROBANTES -->
        <?php if(!empty($comprobantes)): ?>
        <div class="row" style="margin-bottom:5px !important;">
            <div class="col-md-12">
                <div class="panel panel-default reporte-panel">
                    <div class="panel-heading no-print"><strong>Movimientos del período</strong></div>
                    <div class="panel-body" style="padding:0;">

                        <?php foreach($comprobantes as $cp): ?>
                            <?php
                                $tipos = array('F'=>'Factura','B'=>'Boleta','RH'=>'R.Hon.','O'=>'Otro');
                                $tipoLabel = isset($tipos[$cp->tipo_comprobante]) ? $tipos[$cp->tipo_comprobante] : $cp->tipo_comprobante;
                                $diasVencer = (int)$cp->dias_para_vencer;

                                if ($cp->estado == 2) {
                                    $headerColor = '#dff0d8';
                                    $estadoLabel = '<span class="label label-success">PAGADO</span>';
                                } elseif (!empty($cp->fecha_vencimiento) && $diasVencer < 0) {
                                    $headerColor = '#f2dede';
                                    $estadoLabel = '<span class="label label-danger">VENCIDO (' . abs($diasVencer) . 'd)</span>';
                                } elseif (!empty($cp->fecha_vencimiento) && $diasVencer <= 7) {
                                    $headerColor = '#fcf8e3';
                                    $estadoLabel = '<span class="label label-warning">VENCE EN ' . $diasVencer . 'd</span>';
                                } else {
                                    $headerColor = '#f9f9f9';
                                    $estadoLabel = '<span class="label label-primary">PENDIENTE</span>';
                                }
                            ?>
                            <table class="table table-bordered tabla-reporte" style="margin:0; border-top:3px solid #ddd;">
                                <thead>
                                    <tr style="background:<?php echo $headerColor; ?>">
                                        <th style="width:15%;">
                                            <?php echo $tipoLabel; ?>
                                            <strong><?php echo ' ' . $cp->serie . '-' . $cp->numero; ?></strong>
                                        </th>
                                        <th style="width:12%;">
                                            Emisión: <?php echo date('d/m/Y', strtotime($cp->fecha_emision)); ?>
                                        </th>
                                        <th style="width:12%;">
                                            Vence: <?php echo !empty($cp->fecha_vencimiento) ? date('d/m/Y', strtotime($cp->fecha_vencimiento)) : '-'; ?>
                                        </th>
                                        <th style="width:10%;"><?php echo $cp->forma_pago ?? '-'; ?></th>
                                        <th style="width:12%;" class="text-right">
                                            Total: <strong><?php echo number_format((float)$cp->total, 2); ?></strong>
                                        </th>
                                        <th style="width:12%;" class="text-right text-success">
                                            Pagado: <?php echo number_format($cp->total_pagado, 2); ?>
                                        </th>
                                        <th style="width:12%;" class="text-right text-danger">
                                            Saldo: <strong><?php echo number_format((float)$cp->saldo, 2); ?></strong>
                                        </th>
                                        <th style="width:10%;" class="text-center"><?php echo $estadoLabel; ?></th>
                                        <th style="width:5%;" class="text-center no-print">
                                            <a href="<?php echo base_url('index.php/logistica/comprobante_proveedor/ver/'.$cp->id); ?>"
                                               class="btn btn-info btn-xs" title="Ver">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                        </th>
                                    </tr>
                                </thead>

                                <?php if(!empty($cp->pagos)): ?>
                                <tbody>
                                    <?php foreach($cp->pagos as $pago): ?>
                                        <tr style="background:#fff;">
                                            <td colspan="2" style="padding-left:25px;">
                                                <i class="fa fa-check-circle text-success"></i>
                                                <strong>Pago:</strong> <?php echo date('d/m/Y', strtotime($pago->fecha_pago)); ?>
                                            </td>
                                            <td colspan="2"><?php echo $pago->medio_pago; ?></td>
                                            <td colspan="2">
                                                <?php echo !empty($pago->cuenta_bancaria) ? $pago->cuenta_bancaria : '-'; ?>
                                                <?php if(!empty($pago->referencia)): ?>
                                                    <small class="text-muted">— <?php echo $pago->referencia; ?></small>
                                                <?php endif; ?>
                                            </td>
                                            <td class="text-right text-success">
                                                <strong><?php echo number_format((float)$pago->importe, 2); ?></strong>
                                            </td>
                                            <td colspan="2" class="no-print"></td>
                                            <td class="print-only"></td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                                <?php endif; ?>
                            </table>
                        <?php endforeach; ?>

                    </div>
                </div>
            </div>
        </div>

        <!-- TOTAL GENERAL -->
        <div class="row no-print" style="margin-bottom:5px !important; height: 45px;">
            <div class="col-md-12">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-4 text-right">
                                <h4><strong>RESUMEN FINAL — <?php echo strtoupper($proveedor->razon_social); ?></strong></h4>
                            </div>
                            <div class="col-md-2 text-right">
                                <small class="text-muted">Total deuda</small><br>
                                <strong>S/ <?php echo number_format($totales['total_deuda'], 2); ?></strong>
                            </div>
                            <div class="col-md-2 text-right">
                                <small class="text-muted">Total pagado</small><br>
                                <strong class="text-success">S/ <?php echo number_format($totales['total_pagado'], 2); ?></strong>
                            </div>
                            <div class="col-md-2 text-right">
                                <small class="text-muted">Saldo pendiente</small><br>
                                <strong class="text-<?php echo $totales['total_saldo'] > 0 ? 'danger' : 'success'; ?>">
                                    S/ <?php echo number_format($totales['total_saldo'], 2); ?>
                                </strong>
                            </div>
                            <div class="col-md-2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- TOTAL GENERAL — IMPRESIÓN -->
        <table class="print-only tabla-resumen-print" style="border-top:2px solid #333; margin-top:8px;">
            <tr>
                <td style="text-align:right; font-weight:bold;">
                    RESUMEN FINAL — <?php echo strtoupper($proveedor->razon_social); ?>:
                </td>
                <td><strong>Deuda:</strong> S/ <?php echo number_format($totales['total_deuda'], 2); ?></td>
                <td><strong>Pagado:</strong> S/ <?php echo number_format($totales['total_pagado'], 2); ?></td>
                <td><strong>Saldo:</strong> S/ <?php echo number_format($totales['total_saldo'], 2); ?></td>
            </tr>
        </table>

        <?php else: ?>
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-info">
                    <i class="fa fa-info-circle"></i>
                    No se encontraron comprobantes para este proveedor en el período seleccionado.
                </div>
            </div>
        </div>
        <?php endif; ?>

        <!-- PIE DE PÁGINA SOLO IMPRESIÓN -->
        <div class="print-only" style="margin-top:15px; font-size:10px; color:#888; text-align:center; border-top:1px solid #ccc; padding-top:6px;">
            Reporte generado el <?php echo $fecha_reporte; ?> — <?php echo !empty($empresa->nombre) ? $empresa->nombre : ''; ?>
        </div>

        <?php else: ?>
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-info">
                    <i class="fa fa-info-circle"></i>
                    Selecciona un proveedor para ver su estado de cuenta.
                </div>
            </div>
        </div>
        <?php endif; ?>

    </section>
</div>

<style>
/* ============================================================ */
/* ESTILOS DE PANTALLA */
/* ============================================================ */
.print-only { display: none; }

/* ============================================================ */
/* ESTILOS DE IMPRESIÓN — REPORTE APAISADO */
/* ============================================================ */
@media print {

    @page {
        size: A4 landscape;
        margin: 10mm;
    }

    .main-header, .sidebar, .content-header, .main-footer,
    .no-print, #panelFiltros, #cardsResumen,
    .control-sidebar, .navbar { display: none !important; }

    .content-wrapper {
        margin-left: 0 !important;
        padding: 0 !important;
    }

    .print-only { display: block !important; }

    .reporte-panel {
        border: 1px solid #999 !important;
        box-shadow: none !important;
        margin-bottom: 8px !important;
    }

    .tabla-reporte {
        font-size: 9px;
    }
    .tabla-reporte th, .tabla-reporte td {
        padding: 3px 4px !important;
    }
    .tabla-reporte thead tr {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .label {
        border: 1px solid #999;
        background: #fff !important;
        color: #000 !important;
    }

    .tabla-resumen-print {
        width: 100%;
        border: none;
        margin-bottom: 10px;
    }
    .tabla-resumen-print td {
        border: none;
        font-size: 10px;
        padding: 4px 10px;
        text-align: center;
        width: 25%;
    }
}
</style>