<?php
	
	$id_empresa = $_GET["e"];
	$id = $_GET["id"];
	$hoy = date("Y-m-d H:i:s");

	//CONSULTA PARA NUEVO CLIENTE
	//CONSULTA PARA NUEVO CLIENTE
	if($_POST["tipo"] != ""){
		

        mysqli_query($connect,"INSERT INTO Notificaciones (id_evento, mensaje, tipo, created_at ) 
        VALUES 
        (1, '".$_POST["mensaje"]."', '".$_POST["tipo"]."', '".$hoy."' ) ");
		
		echo '<script>window.location = "?pg=notificaciones";</script>';//para evitar reinsersion
	}
?>



<nav aria-label="breadcrumb" style="margin-top:15px" >
	<ol class="breadcrumb" style="background-color: rgba(0,0,0,0); margin-bottom:0px">
		<li class="breadcrumb-item"><a href="?pg=home">Home</a></li>
		<li class="breadcrumb-item active" aria-current="page"><a href="?pg=live">Live Stream</a></li>
        <li class="breadcrumb-item active" aria-current="page">Detalle</li>
	</ol>
</nav>

<?php echo $respuesta; ?>

<div class="container" style="margin-top:15px">
	<div class="card">

        <!-- DETALLE -->
        <div class="card-body">
      
            <form action="" method="post" enctype="multipart/form-data" id="formulario">
                <div class="row">

					<div class="col-md-12 item_input">
                    	<h3>Detalle</b></h3>
                    </div>

                
                    <div class="col-md-12 item_input">
                        <label class="ti_label">Tipo</label>
                        <select class="form-control" name="tipo" id="tipo">
                            <option value="">Selecciona...</option>
                            <?php
                                foreach($Array_Tipo_Notificaciones as $estado){
									if($estado[0] == $data["tipo"]){
										echo '<option value="'.$estado[0].'" selected="selected">'.$estado[1].'</option>';
									}
									else{
										echo '<option value="'.$estado[0].'">'.$estado[1].'</option>';
									}
								}
                            ?>
                        </select>
                    </div>
                
                    <div class="col-md-12 item_input">    
                        <label class="ti_label">Mensaje</label>
                        <textarea  class="form-control" name="mensaje" id="mensaje" rows="5"><?php echo $data["mensaje"]; ?></textarea>
                    </div>
 
                    

                    <div class="col-md-12" style="margin-top: 15px; text-align: left;">
                        <button type="button" class="btn btn-success btn-block" style="border-radius: 30px;" onClick="GuardarNotificacion()">Guardar</button>
                    </div>
                            
                </div>
            </form>
    
        </div>
    </div>

</div>





<style>
.item_input{
	margin-bottom:15px;
}
</style>

<script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
<script>
  // Your web app's Firebase configuration
    var firebaseConfig = {
       apiKey: "AIzaSyBc4fFwumMcp1J9J2pejhpPQOfmPlFUp6o",
        authDomain: "ournorth-450c4.firebaseapp.com",
        databaseURL: "https://ournorth-450c4-default-rtdb.firebaseio.com",
        projectId: "ournorth-450c4",
        storageBucket: "ournorth-450c4.appspot.com",
        messagingSenderId: "281119170967",
        appId: "1:281119170967:web:17211ef88cdbaa080a64d2"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    var database = firebase.database();
	 
    
    //2. ESCUCHAMOS SI UN USUARIO SE CONECTA 
    var tb_notificaciones = database.ref('notificaciones');
    tb_notificaciones.on('value', Notificaciones);
    
    function Notificaciones(data){
        console.log(data.val());
    }
    
    function GuardarNotificacion() {
        if($("#tipo").val() != "" && $("#mensaje").val() != ""){
            database.ref( 'notificaciones' ).set({
                tipo: $("#tipo").val() ,
                mensaje: $("#mensaje").val(),
                fecha : '2020-09-29 00:00:00'
            });

            $("#formulario").submit();
        }
        else{
            alert("Recuerda que todos los datos son obligatorios.");
        }
    }
    
</script>