<?php
ini_set('display_errors', 0);
include('includes/header.php');

// Obtener la ruta completa del script en ejecuci¨Žn
$ruta_completa = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['SCRIPT_NAME']);

// Eliminar el "https://" o "http://" de la ruta
$ruta_sin_protocolo = str_replace(['http://', 'https://'], '', $ruta_completa);

// Convertir la ruta a Base64
$base64_encoded = base64_encode($ruta_sin_protocolo);
?>

<style>
    .custom-button {
        padding: 10px 20px;
    }

    .custom-input {
        color: blue;
    }

    .copy-button {
        margin-top: 10px;
    }
</style>

<div class="col-md-6 mx-auto">
    <div class="card-body">
        <div class="card ctcard">
            <div class="card-header">
                <center>
                    <h2><i class="fa fa-file-image-o"></i>Conexion API</h2>
                </center>
            </div>
            <div class="card-body">
                <form method="POST">
                    <!-- Textarea para mostrar la ruta sin protocolo -->
                    <!--<div class="form-group">
                        <label for="input_text">Ruta completa (sin protocolo):</label>
                        <textarea class="form-control" name="input_text" readonly><?php echo htmlspecialchars($ruta_sin_protocolo); ?></textarea>
                    </div> -->

                    <!-- Textarea para mostrar el resultado en Base64 -->
                    <div class="form-group">
                        <label>Codigo Api:</label>
                        <textarea class="form-control" id="base64_result" readonly><?php echo $base64_encoded; ?></textarea>
                    </div>

                    <!-- Bot¨Žn para copiar el Base64 -->
                    <button type="button" class="btn btn-success copy-button" onclick="copiarTexto()">Copiar</button>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    function copiarTexto() {
        var copyText = document.getElementById("base64_result");
        copyText.select();
        document.execCommand("copy");
        alert("Texto copiado: " + copyText.value);
    }
</script>

<?php include('includes/footer.php'); ?>