<?php
//if ($this->session->userdata('estudiante')) {
?>

<!---script de confirmacion para delete-->
<script type="text/javascript">



</script>



<?php
//print_r($citacion[0]->citacion);

?>




<div class="card mt-3">
    <div class="card-body">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#lista" role="tab"><span class="hidden-sm-up"><i class="ti-clipboard"></i></span> <span class="hidden-xs-down">Lista</span></a> </li>
            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#agregar" role="tab"><span class="hidden-sm-up"><i class="ti-pencil-alt"></i></span> <span class="hidden-xs-down">.</span></a> </li>
            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages" role="tab"><span class="hidden-sm-up"><i class=""></i></span> <span class="hidden-xs-down">.</span></a> </li>
            <div class="col-md-7 align-self-center text-right" id=""></div>

        </ul>
        <!-- Tab panes Lista en tabla -->
        <div class="tab-content tabcontent-border">
            <div class="tab-pane active" id="lista" role="tabpanel">

                <!-- listar -->
                <div class="form-row">
                    <div class="col-md-6 mb-3 has-success">
                        <div class="input-field">
                            <label for="email1">Mensaje para la citación</label>
                            <!-- <input type="textarea" class="form-control" id="mensajeCitacion" name="mensajeCitacion"  value="<?php echo $citacion[0]->citacion;?>"> -->
                            <textarea class="form-control" id="mensajeCitacion" name="mensajeCitacion" rows="3"><?php echo trim($citacion[0]->citacion); ?></textarea>

                            
                        </div>
                    </div>
                    <div class="col-md-6 mb-3 has-success">
                        <div class="input-field">
                            <label for="email1">Mensaje para la notificación</label>
                            <textarea class="form-control" id="mensajeNotificacion" name="mensajeNotificacion" rows="3"><?php echo trim($notificacion[0]->notificacion); ?></textarea>
                            
                        </div>
                    </div>
                    <div class="button-group">
                    
                    <button type="submit" class="btn waves-effect waves-light btn-success" id="btnGuardar" name="btnGuardar"><i class="ti-save"></i> Guardar</button>
                    <!-- <button type="submit" class="btn waves-effect waves-light btn-info" id="btnCancelar" name="btnCancelar"><i class="ti-file"></i> Cancelar</button> -->
                </div>
                </div>



            </div>


            <div class="tab-pane" id="agregar" role="tabpanel">
                <!-- agregar -->
                <div class="card border-success">

                </div>





            </div>

            <div class="tab-pane" id="messages" role="tabpanel">

                3

            </div>

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

<script>
    $(document).ready(function () {
    $('#btnGuardar').click(function (e) {
        e.preventDefault();

        let mensajeCitacion = $('#mensajeCitacion').val().trim();
        //let mensajeNotificacion = $('#mensajeNotificacion').val().trim();
        let mensajeNotificacion = $('#mensajeNotificacion').val().trim().replace(/\s+/g, ' ');


        // Validación básica para evitar enviar mensajes vacíos
        if (mensajeCitacion === '' || mensajeNotificacion === '') {
            swal('Ambos mensajes son obligatorios.');
            return;
        }

        $.ajax({
            url: 'mensaje/update',
            type: 'POST',
            data: {
                mensajeCitacion: mensajeCitacion,
                mensajeNotificacion: mensajeNotificacion
            },
            dataType: 'json',
            success: function (response) {
                if (response.status === 'success') {
                    swal('Mensajes actualizados correctamente.');
                } else {
                    swal('Error al actualizar los mensajes.');
                }
            },
            error: function (xhr, status, error) {
                console.error(error);
                swal('Hubo un problema al enviar los datos.');
            }
        });
    });
});

</script>

<script>
    document.addEventListener("DOMContentLoaded", function () {
    let textarea = document.getElementById("mensajeCitacion");
    let textarean = document.getElementById("mensajeNotificacion");

    function ajustarAltura() {
        textarea.style.height = "auto"; // Restablece la altura
        textarea.style.height = textarea.scrollHeight + "px"; // Ajusta al contenido
        //para textarea notificacion
        textarean.style.height = "auto"; // Restablece la altura
        textarean.style.height = textarean.scrollHeight + "px"; // Ajusta al contenido
    }

    // Ajustar cuando la página carga
    ajustarAltura();

    // Ajustar cuando el usuario escribe
    textarea.addEventListener("input", ajustarAltura);
    textarean.addEventListener("input", ajustarAltura);
});

</script>

<?php 
// }else{
//     redirect('login','refresh');
// }
?>