
<div class="contenedor">
    <div id="listaPremios" style="width:100%; height: 600px; overflow: scroll;">
        <?php foreach ($Premios as $Premio): ?>
            <div class="panel panel-default"  id="padre<?= $Premio->sorteoPremioID ?>"
                <?php switch ($Premio->tipoSorteoID) {
                    case 2:
                        echo ' style="background-color: #D4C96A" ';
                        break;
                    
                    case 1:
                        echo ' style="background-color: #CD88AF" ';
                        break;
                    }
                ?>
                >
                <div class="panel-body">
                    <div class="row" >
                    <div class="col-md-4" style="padding-right: 0px;">
                        <img src="vistas/rifas/img/<?= $Premio->sorteoPremioURLIMG ?>" class="img-thumbnail" />
                    </div>
                    <div class="col-md-8" style="padding-left: 0px; padding-right: 0px;">
                        <div class="col-md-12"><h4 id="nombrePremio<?= $Premio->sorteoPremioID ?>"><?= $Premio->sorteoPremioTITULO ?></h4></div>
                        <div class="col-xs-12">
                            <p><?= $Premio->sorteoPremioDESCRIPCION ?></p>
                        </div>
                        <div class="col-xs-12">
                        <?php if( is_null($Premio->participanteID) ): ?>
                            <button type="button" class="btn btn-block bg-aqua pull-right btn-sm" 
                            <?php switch ($Premio->tipoSorteoID) {
                                case 2:
                                    echo 'onclick="cargarParticipantesSinGanar('.$Premio->sorteoPremioID.');"';
                                    break;
                                
                                case 1:
                                    echo 'onclick="cargarParticipantes('.$Premio->sorteoPremioID.');"';
                                    break;
                                }
                            ?>
                            >Sortear</button>
                        <?php else: ?>
                            <h4>Ganador: <strong><?= $Premio->personaNOMBRES ?> <?= $Premio->personaAPELLIDOS ?></strong></h4>
                        <?php endif; ?>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
</div>
<div class=""  style="padding-top:1cm;">
    <div class="form-group">
        <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-search"></i></span>
            <input type="text" class="form-control" id="inputPremio" style="height: 35px !important; text-transform: uppercase;" placeholder="buscar Premio..">
        </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){
    $("#inputPremio").on("keyup", function() {
        var value = $(this).val().toUpperCase();
        $("#listaPremios #panel").filter(function() {
            $(this).toggle($(this).text().toUpperCase().indexOf(value) > -1)
        });
    });
});
</script>
