<div class="content-wrapper">
    <section class="content-header">
        <h1>Detalle de Orden de Compra</h1>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-md-12">

                <!-- DATOS GENERALES -->
                <div class="panel panel-info">
                    <div class="panel-heading"><strong>Datos generales</strong></div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-2">
                                <strong>Código:</strong><br>
                                <?php echo $orden->codigo; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Tipo:</strong><br>
                                <?php echo ($orden->tipocs == 'OC') ? 'Orden de Compra' : 'Orden de Servicio'; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Fecha:</strong><br>
                                <?php echo date('d/m/Y', strtotime($orden->fecha)); ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Fecha entrega:</strong><br>
                                <?php echo $orden->fechaentrega ? date('d/m/Y', strtotime($orden->fechaentrega)) : '-'; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Tipo de cambio:</strong><br>
                                <?php echo $orden->tipocambio ? 'S/ ' . number_format((float)$orden->tipocambio, 2) : '-'; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Estado:</strong><br>
                                <?php
                                    $labelClass = 'label-default';
                                    if ($orden->estado_codigo == 'EMI') $labelClass = 'label-primary';
                                    if ($orden->estado_codigo == 'AUT') $labelClass = 'label-info';
                                    if ($orden->estado_codigo == 'PAR') $labelClass = 'label-warning';
                                    if ($orden->estado_codigo == 'EJE') $labelClass = 'label-success';
                                    if ($orden->estado_codigo == 'CER') $labelClass = 'label-default';
                                    if ($orden->estado_codigo == 'ANU') $labelClass = 'label-danger';
                                ?>
                                <span class="label <?php echo $labelClass; ?>">
                                    <?php echo $orden->estado_nombre; ?>
                                </span>
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-md-5">
                                <strong>Proveedor:</strong><br>
                                <?php echo $orden->razon_social; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>RUC / Documento:</strong><br>
                                <?php echo $orden->nro_documento; ?>
                            </div>
                            <div class="col-md-3">
                                <strong>Contacto:</strong><br>
                                <?php echo !empty($orden->contacto) ? $orden->contacto : '-'; ?>
                                <?php if(!empty($orden->contacto_cargo)): ?>
                                    <small class="text-muted"> — <?php echo $orden->contacto_cargo; ?></small>
                                <?php endif; ?>
                            </div>
                            <div class="col-md-2">
                                <strong>Creado por:</strong><br>
                                <?php echo $orden->usuario_creador ?? '-'; ?>
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-md-3">
                                <strong>Forma de pago:</strong><br>
                                <?php echo !empty($orden->forma_pago_nombre) ? $orden->forma_pago_nombre : '-'; ?>
                            </div>
                            <div class="col-md-3">
                                <strong>Detalle forma pago:</strong><br>
                                <?php echo !empty($orden->fp_descripcion) ? $orden->fp_descripcion : '-'; ?>
                            </div>
                        </div>

                    </div>
                </div>

                <!-- DETALLE -->
                <div class="panel panel-primary">
                    <div class="panel-heading"><strong>Detalle</strong></div>
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover table-striped">
                                <thead>
                                    <tr>
                                        <th>Código</th>
                                        <th>Descripción</th>
                                        <th>Und.</th>
                                        <th class="text-right">Cantidad</th>
                                        <th class="text-right">Precio Unit.</th>
                                        <th class="text-right">Subtotal</th>
                                        <th class="text-right">Saldo</th>
                                        <th>Referencia</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($detalle as $item): ?>
                                        <tr>
                                            <td><?php echo $item->producto_codigo; ?></td>
                                            <td><?php echo $item->descripcion; ?></td>
                                            <td><?php echo $item->unidad_abreviado ?? '-'; ?></td>
                                            <td class="text-right"><?php echo number_format((float)$item->cantidad, 2); ?></td>
                                            <td class="text-right"><?php echo number_format((float)$item->precio_unitario, 4); ?></td>
                                            <td class="text-right"><?php echo number_format((float)$item->subtotal, 2); ?></td>
                                            <td class="text-right"><?php echo number_format((float)$item->saldo, 2); ?></td>
                                            <td>
                                                <?php if(!empty($item->req_id)): ?>
                                                    <span class="label label-default">REQ-<?php echo str_pad($item->req_id, 5, '0', STR_PAD_LEFT); ?></span>
                                                <?php else: ?>
                                                    <span class="text-muted">Libre</span>
                                                <?php endif; ?>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th colspan="5" class="text-right">Subtotal</th>
                                        <th class="text-right"><?php echo number_format((float)$orden->subtotal, 2); ?></th>
                                        <th colspan="2"></th>
                                    </tr>
                                    <tr>
                                        <th colspan="5" class="text-right">IGV (<?php echo number_format((float)$orden->igv_porcentaje, 2); ?>%)</th>
                                        <th class="text-right"><?php echo number_format((float)$orden->igv, 2); ?></th>
                                        <th colspan="2"></th>
                                    </tr>
                                    <tr>
                                        <th colspan="5" class="text-right">Total</th>
                                        <th class="text-right"><?php echo number_format((float)$orden->total, 2); ?></th>
                                        <th colspan="2"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- COMENTARIOS -->
                <?php if(!empty($orden->comentarios)): ?>
                <div class="panel panel-default">
                    <div class="panel-heading"><strong>Comentarios</strong></div>
                    <div class="panel-body"><?php echo nl2br($orden->comentarios); ?></div>
                </div>
                <?php endif; ?>

                <!-- HISTORIAL DE ESTADOS -->
                <div class="panel panel-default">
                    <div class="panel-heading"><strong>Historial de Estados</strong></div>
                    <div class="panel-body">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Estado</th>
                                    <th>Fecha</th>
                                    <th>Usuario</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach($historial as $item): ?>
                                    <tr>
                                        <td><?php echo $item->estado_nombre; ?></td>
                                        <td><?php echo date('d/m/Y H:i', strtotime($item->fecha_estado)); ?></td>
                                        <td><?php echo $item->usuario ?? '-'; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- BOTONES -->
                <a href="<?php echo base_url('index.php/logistica/orden_compra'); ?>" class="btn btn-default">
                    <i class="fa fa-arrow-left"></i> Volver
                </a>

                <?php if(in_array($orden->estado_id, array(18, 19, 20, 21))): ?>
                    <a href="<?php echo base_url('index.php/logistica/orden_compra/imprimir/'.$orden->id); ?>"
                       target="_blank" class="btn btn-default" title="Imprimir OC">
                        <i class="fa fa-print"></i> Imprimir
                    </a>
                <?php endif; ?>

                <?php if(tiene_permiso('orden_compra_editar') && $orden->estado_id == 17): ?>
                    <a href="<?php echo base_url('index.php/logistica/orden_compra/edit/'.$orden->id); ?>" class="btn btn-warning">
                        <i class="fa fa-pencil"></i> Editar
                    </a>
                <?php endif; ?>

                <?php if(tiene_permiso('orden_compra_anular') && in_array($orden->estado_id, array(17, 18))): ?>
                    <button type="button" class="btn btn-danger btn-anular-ver"
                            data-url="<?php echo base_url('index.php/logistica/orden_compra/anular/'.$orden->id); ?>">
                        <i class="fa fa-times"></i> Anular
                    </button>
                <?php endif; ?>

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

<script>
window.addEventListener('load', function () {

    $(document).on('click', '.btn-anular-ver', function(e) {
        e.preventDefault();
        var url = $(this).data('url');
        Swal.fire({
            title: '¿Anular esta OC?',
            text: 'Esta acción no se puede revertir.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Sí, anular',
            cancelButtonText: 'Cancelar',
            confirmButtonColor: '#d33'
        }).then(function(result) {
            if (result.isConfirmed) window.location.href = url;
        });
    });

});
</script>