<div class="content-wrapper">
    <section class="content-header">
        <h1>Editar Empresa</h1>
    </section>

    <section class="content">

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

        <form method="post" action="<?php echo base_url('index.php/configuracion/empresa/update/'.$empresa->id); ?>" enctype="multipart/form-data">

            <div class="row">
                <div class="col-md-12" style="margin-bottom:12px;">
                    <button type="submit" class="btn btn-warning">
                        <i class="fa fa-save"></i> Guardar cambios
                    </button>
                    <a href="<?php echo base_url('index.php/configuracion/empresa/ver/'.$empresa->id); ?>" class="btn btn-default">
                        Cancelar
                    </a>
                </div>
            </div>

            <div class="row">

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

                    <!-- Datos generales -->
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <strong><i class="fa fa-building"></i> Datos Generales</strong>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label>Razón social *</label>
                                <input type="text" name="nombre" class="form-control"
                                       value="<?php echo set_value('nombre', $empresa->nombre); ?>" required>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Abreviado</label>
                                    <input type="text" name="abreviado" class="form-control"
                                           value="<?php echo set_value('abreviado', $empresa->abreviado); ?>">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>RUC *</label>
                                    <input type="text" name="ruc" class="form-control" maxlength="11"
                                           value="<?php echo set_value('ruc', $empresa->ruc); ?>" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Dirección fiscal</label>
                                <input type="text" name="direccion_fiscal" class="form-control"
                                       value="<?php echo set_value('direccion_fiscal', $empresa->direccion_fiscal); ?>">
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Teléfono</label>
                                    <input type="text" name="telefono" class="form-control"
                                           value="<?php echo set_value('telefono', $empresa->telefono); ?>">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>Email</label>
                                    <input type="email" name="email" class="form-control"
                                           value="<?php echo set_value('email', $empresa->email); ?>">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Website</label>
                                    <input type="text" name="website" class="form-control"
                                           value="<?php echo set_value('website', $empresa->website); ?>">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>Cuenta detracción</label>
                                    <input type="text" name="ctadetraccion" class="form-control"
                                           value="<?php echo set_value('ctadetraccion', $empresa->ctadetraccion); ?>">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Logo</label>
                                <input type="file" name="logo" class="form-control" accept=".jpg,.jpeg,.png,.webp">
                                <?php if(!empty($empresa->logo)): ?>
                                    <div style="margin-top:8px;">
                                        <img src="<?php echo base_url('uploads/empresa/'.$empresa->logo); ?>"
                                             style="max-width:120px; border:1px solid #ddd; border-radius:4px; padding:4px;">
                                        <br><small class="text-muted">Logo actual — subir uno nuevo para reemplazar</small>
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>

                    <!-- Comisiones -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <strong><i class="fa fa-percent"></i> Comisiones de Vendedores</strong>
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Porcentaje (%)</label>
                                    <div class="input-group">
                                        <input type="number" name="comision_porcentaje" class="form-control"
                                               step="0.01" min="0" max="100"
                                               value="<?php echo set_value('comision_porcentaje', $empresa->comision_porcentaje); ?>">
                                        <span class="input-group-addon">%</span>
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>Periodo de pago</label>
                                    <select name="comision_periodo" class="form-control">
                                        <option value="MENSUAL"    <?php echo set_value('comision_periodo', $empresa->comision_periodo) === 'MENSUAL'    ? 'selected' : ''; ?>>Mensual</option>
                                        <option value="BIMESTRAL"  <?php echo set_value('comision_periodo', $empresa->comision_periodo) === 'BIMESTRAL'  ? 'selected' : ''; ?>>Bimestral</option>
                                        <option value="TRIMESTRAL" <?php echo set_value('comision_periodo', $empresa->comision_periodo) === 'TRIMESTRAL' ? 'selected' : ''; ?>>Trimestral</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

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

                    <!-- SUNAT -->
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <strong><i class="fa fa-send"></i> Facturación Electrónica SUNAT</strong>
                        </div>
                        <div class="panel-body">

                            <div class="form-group">
                                <label>Modo de envío</label>
                                <div>
                                    <label class="radio-inline">
                                        <input type="radio" name="sunat_modo" value="beta"
                                               <?php echo set_value('sunat_modo', $empresa->sunat_modo) === 'beta' ? 'checked' : ''; ?>>
                                        <span class="text-warning"><i class="fa fa-flask"></i> Beta (pruebas)</span>
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="sunat_modo" value="produccion"
                                               <?php echo set_value('sunat_modo', $empresa->sunat_modo) === 'produccion' ? 'checked' : ''; ?>>
                                        <span class="text-success"><i class="fa fa-check-circle"></i> Producción (real)</span>
                                    </label>
                                </div>
                                <small class="text-danger"><i class="fa fa-warning"></i> En producción los comprobantes se envían a SUNAT con validez legal.</small>
                            </div>

                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label>Usuario SOL secundario</label>
                                    <input type="text" name="sol_usuario" class="form-control"
                                           placeholder="Ej: USUARIO01"
                                           value="<?php echo set_value('sol_usuario', $empresa->sol_usuario); ?>">
                                </div>
                                <div class="col-md-6 form-group">
                                    <label>Clave SOL</label>
                                    <div class="input-group">
                                        <input type="password" name="sol_clave" id="sol_clave" class="form-control"
                                               value="<?php echo set_value('sol_clave', $empresa->sol_clave); ?>">
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default btn-toggle-pass" data-target="sol_clave">
                                                <i class="fa fa-eye"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>Ruta del certificado digital (.p12)</label>
                                <input type="text" name="cert_path" class="form-control"
                                       placeholder="uploads/certificados/certificado.p12"
                                       value="<?php echo set_value('cert_path', $empresa->cert_path); ?>">
                                <small class="text-muted">Ruta relativa desde la raíz del proyecto</small>
                            </div>

                            <div class="form-group">
                                <label>Contraseña del certificado</label>
                                <div class="input-group">
                                    <input type="password" name="cert_password" id="cert_password" class="form-control"
                                           value="<?php echo set_value('cert_password', $empresa->cert_password); ?>">
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-default btn-toggle-pass" data-target="cert_password">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>

                        </div>
                    </div>

                    <!-- GRE -->
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <strong><i class="fa fa-truck"></i> Guías de Remisión Electrónica (GRE)</strong>
                        </div>
                        <div class="panel-body">
                            <div class="alert alert-info" style="padding:8px 12px; font-size:12px;">
                                <i class="fa fa-info-circle"></i>
                                Credenciales OAuth2 obtenidas desde <strong>Clave SOL → Credenciales de API SUNAT</strong>.
                            </div>
                            <div class="form-group">
                                <label>Client ID</label>
                                <input type="text" name="gre_client_id" class="form-control"
                                       placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
                                       value="<?php echo set_value('gre_client_id', $empresa->gre_client_id); ?>">
                            </div>
                            <div class="form-group">
                                <label>Client Secret</label>
                                <div class="input-group">
                                    <input type="password" name="gre_client_secret" id="gre_client_secret" class="form-control"
                                           value="<?php echo set_value('gre_client_secret', $empresa->gre_client_secret); ?>">
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-default btn-toggle-pass" data-target="gre_client_secret">
                                            <i class="fa fa-eye"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div style="margin-bottom:20px;">
                <button type="submit" class="btn btn-warning">
                    <i class="fa fa-save"></i> Guardar cambios
                </button>
                <a href="<?php echo base_url('index.php/configuracion/empresa/ver/'.$empresa->id); ?>" class="btn btn-default">
                    Cancelar
                </a>
            </div>

        </form>

    </section>
</div>

<script>
$(document).ready(function() {
    // Toggle mostrar/ocultar contraseñas
    $('.btn-toggle-pass').on('click', function() {
        var target = $(this).data('target');
        var $input = $('#' + target);
        var $icon  = $(this).find('i');
        if ($input.attr('type') === 'password') {
            $input.attr('type', 'text');
            $icon.removeClass('fa-eye').addClass('fa-eye-slash');
        } else {
            $input.attr('type', 'password');
            $icon.removeClass('fa-eye-slash').addClass('fa-eye');
        }
    });
});
</script>
