<div class="container">
    
    <div class="row" >
        <div class="col-md-12">
            <div class="page-header">
              <h1>Sorteos Activos</h1>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-sm-2"></div>
        <div class="col-sm-8">
            <div class="well">
                <div class="list-group">
                  <?php foreach($Sorteos as $Sorteo): ?>
                  <div class="list-group-item">
                    <div class="row">
                        <div class="col-md-3" style="padding-right: 0px;">
                            <img src="vistas/rifas/img/sorteo.gif" class="img-thumbnail" />
                        </div>
                        <div class="col-md-9" style="padding-left: 0px; padding-right: 0px;">
                            <div class="col-md-8">
                                <h3><?= $Sorteo->sorteoTITULO ?></h3>
                                <p><?= $Sorteo->sorteoDESCRIPCION ?></p>
                                <ul class="list-group">
                                  <li class="list-group-item">Inscritos:  <span class="badge badge-default badge-pill"><?= $Sorteo->Inscritos ?></span></li>
                                  <li class="list-group-item">Premios por Jugar:  <span class="badge badge-default badge-pill"><?= $Sorteo->Premios ?></span></li>
                                </ul>
                            </div>
                            <div class="col-md-4">
                                <button type="button" class="btn btn-block btn-success" 
                                    onclick="iniciarRuleta(<?= $Sorteo->sorteoID ?>);">Continuar Sorteo</button>
                                <button type="button" class="btn btn-block btn-warning" 
                                    onclick="cargarFormularioAgregarParticipante(<?= $Sorteo->sorteoID ?>);">Agregar Participante  </button>
                            </div>
                        </div>
                    </div>
                  </div>
                  <?php endforeach; ?>
                </div>
            </div>
        </div> 
        <div class="col-sm-2"></div>
    </div>
</div>

<script type="text/javascript" >
    timerGlobal =  setTimeout(function(){ abrirSorteosActivos(); }, 5000000000000);
</script>