<?php include "Views/templates/header.php"; ?>
<div class="card shadow-lg">

    <div class="card-body">
        <form id="formulario" class="needs-validation" novalidate autocomplete="off">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="identidad"><i class="fas fa-id-card"></i> Nit <strong class="text-danger">*</strong></label>
                        <input type="hidden" name="id" id="id" value="<?php echo $data['empresa']['id'] ?>">
                        <input id="identidad" class="form-control" type="text" name="identidad" value="<?php echo $data['empresa']['identidad'] ?>" placeholder="Ruc" onkeypress="return soloNumeros(event);" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            La identidad es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="nombre"><i class="fas fa-list"></i> Nombre <strong class="text-danger">*</strong></label>
                        <input id="nombre" class="form-control" type="text" name="nombre" value="<?php echo $data['empresa']['nombre'] ?>" placeholder="Nombre de la empresa" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El nombre es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="telefono"><i class="fas fa-phone"></i> Teléfono <strong class="text-danger">*</strong></label>
                        <input id="telefono" class="form-control" type="text" name="telefono" value="<?php echo $data['empresa']['telefono'] ?>" placeholder="Teléfono" onkeypress="return soloNumeros(event);" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El telefono es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="impuesto"><i class="fas fa-percentage"></i> Impuesto</label>
                        <input id="impuesto" class="form-control" type="number" name="impuesto" placeholder="Impuesto" value="<?php echo $data['empresa']['impuesto'] ?>">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="correo"><i class="fas fa-envelope"></i> Email <strong class="text-danger">*</strong></label>
                        <input id="correo" class="form-control" type="text" name="correo" value="<?php echo $data['empresa']['correo'] ?>" placeholder="Correo" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El correo es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="form-group">
                        <label for="direccion"><i class="fas fa-home"></i> Dirección <strong class="text-danger">*</strong></label>
                        <textarea id="direccion" class="form-control" name="direccion" rows="1" placeholder="Dirección" required><?php echo $data['empresa']['direccion'] ?></textarea>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            La direccion es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="mensaje"><i class="fas fa-envelope-square"></i> Mensaje</label>
                        <textarea id="mensaje" class="form-control" name="mensaje" rows="2" placeholder="Mensaje"><?php echo $data['empresa']['mensaje'] ?></textarea>
                    </div>
                </div>
                <div class="col-md-12">
                    <h5 class="text-center">Datos SMTP de correo</h5>
                    <hr>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="smtp"><i class="fas fa-home"></i> Smtp <strong class="text-danger">*</strong></label>
                        <input type="text" class="form-control" id="smtp" name="smtp" placeholder="smtp" value="<?php echo $data['empresa']['smtp'] ?>" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El host smtp es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="usuario_smtp"><i class="fas fa-envelope"></i> Usuario Smtp <strong class="text-danger">*</strong></label>
                        <input type="text" class="form-control" id="usuario_smtp" name="usuario_smtp" placeholder="Usuario Smtp" value="<?php echo $data['empresa']['usuario_smtp'] ?>" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El usuario smtp es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="clave_smtp"><i class="fas fa-lock"></i> Contraseña Smtp <strong class="text-danger">*</strong></label>
                        <input type="text" class="form-control" id="clave_smtp" name="clave_smtp" placeholder="clave_smtp" value="<?php echo $data['empresa']['clave_smtp'] ?>" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            La clave smtp es requerido
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="puerto_smtp"><i class="fas fa-home"></i>Puerto Smtp <strong class="text-danger">*</strong></label>
                        <input type="text" class="form-control" id="puerto_smtp" name="puerto_smtp" placeholder="Puerto smtp" value="<?php echo $data['empresa']['puerto_smtp'] ?>" onkeypress="return soloNumeros(event);" required>
                        <div class="valid-feedback">
                            Correcto
                        </div>
                        <div class="invalid-feedback">
                            El puerto smtp es requerido
                        </div>
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label><i class="fas fa-image"></i> Logo (PNG)</label>
                        <div class="card border-primary">
                            <div class="card-body">
                                <label for="imagen" id="icon-image">
                                    <img class="img-thumbnail" id="img-preview" src="<?php echo base_url; ?>Assets/img/logo.png" width="200">
                                </label>
                                <span id="icon-cerrar"></span>
                                <input id="imagen" class="d-none" type="file" name="imagen" onchange="preview(event)">
                                <input type="hidden" id="foto_actual" name="foto_actual">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <h5 class="text-center">Ajuste de apariencia </h5>
                    <hr>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="identidad"><i class="fas fa-palette"></i>  Color del menú principal </label>
                        <br>
                        <input type="color" id="color_navbar" name="color_navbar" value="<?php echo $data['empresa']['color_navbar'] ?? '#121c8b'; ?>">
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        
                        <label for="colorTema"><i class="fas fa-palette"></i> Color del encabezado </label>
                        <br>
                        
                        <select id="color_header" name="color_header" class="form-select bg-<?php echo $data['empresa']['color_header'] ?? 'danger'; ?>">
                            <option class="bg-primary text-white"   value="primary"   <?php if($data['empresa']['color_header']=='primary') echo 'selected'; ?>>Azul</option>
                            <option class="bg-secondary text-white" value="secondary" <?php if($data['empresa']['color_header']=='secondary') echo 'selected'; ?>>Gris</option>
                            <option class="bg-success text-white"   value="success"   <?php if($data['empresa']['color_header']=='success') echo 'selected'; ?>>Verde</option>
                            <option class="bg-danger text-white"    value="danger"    <?php if($data['empresa']['color_header']=='danger') echo 'selected'; ?>>Rojo</option>
                            <option class="bg-warning text-white"   value="warning"   <?php if($data['empresa']['color_header']=='warning') echo 'selected'; ?>>Amarillo</option>
                            <option class="bg-info text-white"      value="info"      <?php if($data['empresa']['color_header']=='info') echo 'selected'; ?>>Celeste</option>
                        </select>
                        
                    </div>
                </div>

            </div>
            <button class="btn btn-outline-primary float-right" type="submit"><i class="fas fa-pen-square"></i> Modificar</button>  
            
        </form>
    </div>
</div>
<?php include "Views/templates/footer.php"; ?>



<script>
    const select = document.getElementById('color_header');

    const colores = [
        'primary',
        'secondary',
        'success',
        'danger',
        'warning',
        'info'
    ];

    select.addEventListener('change', function () {

        colores.forEach(color => {
            select.classList.remove('bg-' + color, 'text-white', 'text-dark');
        });

        if (!this.value) return;

        select.classList.add('bg-' + this.value);

        if (this.value === 'warning') {
            select.classList.add('text-dark');
        } else {
            select.classList.add('text-white');
        }
    });

     document.addEventListener('DOMContentLoaded', function () {

        const boton = document.querySelector('button[type="submit"]');

        boton.addEventListener('click', function () {
            setTimeout(() => {
                location.reload();
            }, 1300);
        });

    });
</script>


