<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" aria-current="page"><a href="?pg=trivias">Trivias</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="?pg=trivia/detalle&id=<?php echo $trivia; ?>">Trivia</a></li>
        <li class="breadcrumb-item active" aria-current="page">Recargar Live</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">
                <div class="row">
                
                    <input type="hidden" name="id_registro" value="<?php echo $id; ?>">

					<div class="col-md-12 item_input">
                    	<h3>Detalle</b></h3>
                    </div>
                
                    <div class="col-md-6 item_input">
                        <label class="ti_label">Estado</label>
                        <select class="form-control" name="estado" id="estado">
                            <option value="">Selecciona...</option>
                            <?php
                                foreach($Array_Estado as $estado){
									if($estado[0] == $data["estado"]){
										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" style="margin-top: 15px; text-align: left;">
                        <button type="submit" class="btn btn-success btn-block" style="border-radius: 30px;" onClick="GuardarNotificacion()">Recargar Live</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: "AIzaSyBuEjIcLWUHKRdcaLXgExO12_jKtg4o7sw",
        authDomain: "aid2020-dd2bf.firebaseapp.com",
        databaseURL: "https://aid2020-dd2bf.firebaseio.com",
        projectId: "aid2020-dd2bf",
        storageBucket: "aid2020-dd2bf.appspot.com",
        messagingSenderId: "88875797266",
        appId: "1:88875797266:web:8fcaeffd14d925566841cb"
    };
    // 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( $("#estado").val() ){
            database.ref( 'notificaciones' ).set({
                tipo: 15 ,
                mensaje: 'recargar live',
                fecha : Date.now()
            });
        }
        else{
            alert("Recuerda que todos los datos son obligatorios.");
        }
    }
    
</script>