<div class="content-wrapper">
    <section class="content-header">
        <h1>Configuración de Empresa</h1>
    </section>

    <section class="content">

        <?php if($this->session->flashdata('success')): ?>
            <div class="alert alert-success alert-dismissible">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <?php echo $this->session->flashdata('success'); ?>
            </div>
        <?php endif; ?>

        <!-- Cabecera empresa -->
        <div class="empresa-header">
            <div class="empresa-logo">
                <?php if(!empty($empresa->logo)): ?>
                    <img src="<?php echo base_url('uploads/empresa/'.$empresa->logo); ?>" alt="Logo">
                <?php else: ?>
                    <div class="empresa-logo-placeholder">
                        <i class="fa fa-building"></i>
                    </div>
                <?php endif; ?>
            </div>
            <div class="empresa-info">
                <h2><?php echo $empresa->nombre; ?></h2>
                <?php if(!empty($empresa->abreviado)): ?>
                    <span class="empresa-abreviado"><?php echo $empresa->abreviado; ?></span>
                <?php endif; ?>
                <div class="empresa-meta">
                    <span><i class="fa fa-id-card-o"></i> RUC <?php echo $empresa->ruc; ?></span>
                    <?php if(!empty($empresa->telefono)): ?>
                        <span><i class="fa fa-phone"></i> <?php echo $empresa->telefono; ?></span>
                    <?php endif; ?>
                    <?php if(!empty($empresa->email)): ?>
                        <span><i class="fa fa-envelope-o"></i> <?php echo $empresa->email; ?></span>
                    <?php endif; ?>
                </div>
            </div>
            <div class="empresa-estado">
                <?php if($empresa->estado == 1): ?>
                    <span class="label label-success label-lg"><i class="fa fa-check-circle"></i> Activa</span>
                <?php else: ?>
                    <span class="label label-danger label-lg"><i class="fa fa-times-circle"></i> Inactiva</span>
                <?php endif; ?>
                <div style="margin-top:10px;">
                    <?php if(tiene_permiso('empresa_editar')): ?>
                        <a href="<?php echo base_url('index.php/configuracion/empresa/edit/'.$empresa->id); ?>" class="btn btn-warning btn-sm">
                            <i class="fa fa-pencil"></i> Editar
                        </a>
                    <?php endif; ?>
                    <a href="<?php echo base_url('index.php/configuracion/empresa'); ?>" class="btn btn-default btn-sm">
                        <i class="fa fa-arrow-left"></i> Volver
                    </a>
                </div>
            </div>
        </div>

        <div class="row">

            <!-- COLUMNA IZQUIERDA -->
            <div class="col-md-6">

                <!-- Datos generales -->
                <div class="panel panel-empresa">
                    <div class="panel-heading-empresa">
                        <i class="fa fa-info-circle"></i> Datos Generales
                    </div>
                    <div class="panel-body">
                        <table class="tabla-detalle">
                            <tr>
                                <td class="td-label">Razón social</td>
                                <td><?php echo $empresa->nombre; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Abreviado</td>
                                <td><?php echo !empty($empresa->abreviado) ? $empresa->abreviado : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">RUC</td>
                                <td><strong><?php echo $empresa->ruc; ?></strong></td>
                            </tr>
                            <tr>
                                <td class="td-label">Dirección fiscal</td>
                                <td><?php echo !empty($empresa->direccion_fiscal) ? $empresa->direccion_fiscal : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Teléfono</td>
                                <td><?php echo !empty($empresa->telefono) ? $empresa->telefono : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Email</td>
                                <td><?php echo !empty($empresa->email) ? $empresa->email : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Website</td>
                                <td><?php echo !empty($empresa->website) ? '<a href="'.$empresa->website.'" target="_blank">'.$empresa->website.'</a>' : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Cta. Detracción</td>
                                <td><?php echo !empty($empresa->ctadetraccion) ? $empresa->ctadetraccion : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                        </table>
                    </div>
                </div>

                <!-- Comisiones -->
                <div class="panel panel-empresa">
                    <div class="panel-heading-empresa">
                        <i class="fa fa-percent"></i> Comisiones
                    </div>
                    <div class="panel-body">
                        <table class="tabla-detalle">
                            <tr>
                                <td class="td-label">Porcentaje</td>
                                <td><strong><?php echo number_format($empresa->comision_porcentaje, 2); ?>%</strong></td>
                            </tr>
                            <tr>
                                <td class="td-label">Periodo</td>
                                <td>
                                    <?php
                                    $periodos = ['MENSUAL' => 'Mensual', 'BIMESTRAL' => 'Bimestral', 'TRIMESTRAL' => 'Trimestral'];
                                    echo $periodos[$empresa->comision_periodo] ?? $empresa->comision_periodo;
                                    ?>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>

            <!-- COLUMNA DERECHA -->
            <div class="col-md-6">

                <!-- Configuración SUNAT -->
                <div class="panel panel-empresa">
                    <div class="panel-heading-empresa panel-heading-sunat">
                        <i class="fa fa-send"></i> Facturación Electrónica SUNAT
                        <span class="pull-right">
                            <?php if($empresa->sunat_modo === 'produccion'): ?>
                                <span class="badge badge-produccion">PRODUCCIÓN</span>
                            <?php else: ?>
                                <span class="badge badge-beta">BETA</span>
                            <?php endif; ?>
                        </span>
                    </div>
                    <div class="panel-body">
                        <table class="tabla-detalle">
                            <tr>
                                <td class="td-label">Usuario SOL</td>
                                <td><?php echo !empty($empresa->sol_usuario) ? $empresa->sol_usuario : '<span class="text-muted">—</span>'; ?></td>
                            </tr>
                            <tr>
                                <td class="td-label">Clave SOL</td>
                                <td>
                                    <?php if(!empty($empresa->sol_clave)): ?>
                                        <span class="clave-oculta">••••••••</span>
                                        <button type="button" class="btn btn-xs btn-default btn-ver-clave" data-clave="<?php echo htmlspecialchars($empresa->sol_clave); ?>">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    <?php else: ?>
                                        <span class="text-muted">—</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-label">Certificado .p12</td>
                                <td>
                                    <?php if(!empty($empresa->cert_path)): ?>
                                        <i class="fa fa-certificate text-success"></i>
                                        <span class="text-success">Configurado</span>
                                        <br><small class="text-muted"><?php echo $empresa->cert_path; ?></small>
                                    <?php else: ?>
                                        <span class="text-danger"><i class="fa fa-times"></i> No configurado</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-label">Contraseña cert.</td>
                                <td>
                                    <?php if(!empty($empresa->cert_password)): ?>
                                        <span class="clave-oculta">••••••••</span>
                                    <?php else: ?>
                                        <span class="text-muted">—</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-label">Modo</td>
                                <td>
                                    <?php if($empresa->sunat_modo === 'produccion'): ?>
                                        <span class="text-success"><i class="fa fa-check-circle"></i> <strong>Producción</strong> — Envíos reales a SUNAT</span>
                                    <?php else: ?>
                                        <span class="text-warning"><i class="fa fa-flask"></i> <strong>Beta</strong> — Ambiente de pruebas</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <!-- GRE -->
                <div class="panel panel-empresa">
                    <div class="panel-heading-empresa panel-heading-gre">
                        <i class="fa fa-truck"></i> Guías de Remisión Electrónica (GRE)
                    </div>
                    <div class="panel-body">
                        <table class="tabla-detalle">
                            <tr>
                                <td class="td-label">Client ID</td>
                                <td>
                                    <?php if(!empty($empresa->gre_client_id)): ?>
                                        <code><?php echo substr($empresa->gre_client_id, 0, 8); ?>••••••••</code>
                                        <span class="text-success"><i class="fa fa-check"></i> Configurado</span>
                                    <?php else: ?>
                                        <span class="text-danger"><i class="fa fa-times"></i> No configurado</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                            <tr>
                                <td class="td-label">Client Secret</td>
                                <td>
                                    <?php if(!empty($empresa->gre_client_secret)): ?>
                                        <span class="text-success"><i class="fa fa-check"></i> Configurado</span>
                                    <?php else: ?>
                                        <span class="text-danger"><i class="fa fa-times"></i> No configurado</span>
                                    <?php endif; ?>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>
        </div>

    </section>
</div>

<!-- CSS específico para esta vista -->
<style>
.empresa-header {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 20px 25px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    gap: 20px;
}
.empresa-logo img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 6px;
    background: #fafafa;
}
.empresa-logo-placeholder {
    width: 90px;
    height: 90px;
    background: #f0f4f8;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 32px;
}
.empresa-info { flex: 1; }
.empresa-info h2 { margin: 0 0 4px; font-size: 20px; color: #2c3e50; font-weight: 700; }
.empresa-abreviado { display: inline-block; background: #eaf0fb; color: #3498db; padding: 2px 10px; border-radius: 12px; font-size: 12px; margin-bottom: 8px; }
.empresa-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; }
.empresa-meta span { color: #666; font-size: 13px; }
.empresa-meta i { color: #3498db; margin-right: 4px; }
.empresa-estado { text-align: right; min-width: 120px; }
.label-lg { font-size: 13px; padding: 6px 14px; }

.panel-empresa {
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
    margin-bottom: 20px;
}
.panel-heading-empresa {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
    padding: 12px 18px;
    font-weight: 600;
    color: #2c3e50;
    font-size: 13px;
    border-radius: 8px 8px 0 0;
}
.panel-heading-sunat { border-bottom-color: #3498db; }
.panel-heading-gre   { border-bottom-color: #e67e22; }

.tabla-detalle { width: 100%; border-collapse: collapse; }
.tabla-detalle tr { border-bottom: 1px solid #f0f0f0; }
.tabla-detalle tr:last-child { border-bottom: none; }
.tabla-detalle td { padding: 9px 12px; vertical-align: middle; font-size: 13px; }
.td-label { color: #888; width: 140px; font-weight: 500; }

.badge-produccion { background: #27ae60; color: #fff; padding: 3px 8px; border-radius: 10px; font-size: 11px; }
.badge-beta       { background: #e67e22; color: #fff; padding: 3px 8px; border-radius: 10px; font-size: 11px; }
.clave-oculta { font-size: 16px; letter-spacing: 2px; color: #555; }
</style>

<script>
$(document).ready(function() {
    $('.btn-ver-clave').on('click', function() {
        var clave  = $(this).data('clave');
        var $span  = $(this).prev('.clave-oculta');
        if ($span.text() === '••••••••') {
            $span.text(clave);
            $(this).html('<i class="fa fa-eye-slash"></i>');
        } else {
            $span.text('••••••••');
            $(this).html('<i class="fa fa-eye"></i>');
        }
    });
});
</script>
