<div ng-controller="HomeController as homeCtrl">

    <div class="row">

        <div class="col-lg-12">
            <section class="panel">
                <div class="panel-body">
                    <span class="h2 no-margin">
                        <div class="col-lg-10 remove-left-padding">
                            <div class="btn-row no-margin">
                                <div class="btn-group meuvip-event-filter" data-toggle="buttons">
                                    <label class="btn btn-sm btn-info active">
                                        <input type="radio" name="options" id="option1"> Próximos Eventos
                                    </label>
                                    <label class="btn btn-sm btn-info">
                                        <input type="radio" name="options" id="option2"> Anteriores
                                    </label>
                                </div>
                                <div class="btn-group meuvip-event-filter" data-toggle="buttons">
                                    <label id="listview" class="btn btn-sm btn-white active">
                                        <input type="radio" name="options"> <i class="fa fa-list"></i>
                                    </label>
                                    <label id="calendarview" class="btn btn-sm btn-white">
                                        <input type="radio" name="options"> <i class="fa fa-calendar"></i>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <button onclick="window.location.href='/Eventos/Novo'" type="button" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> Novo Evento</button>
                        </div>
                    </span>
                </div>
            </section>
        </div>

        <div ng-hide="homeCtrl.events.length">
            <section class="panel">
                <div class="panel-body">
                    Nenhum evento criado
                </div>
            </section>
        </div>

        <div class="col-lg-3" ng-repeat="item in homeCtrl.events">
            <!--user info table start-->
            <section class="panel">
                <div class="panel-body">
                    <a ng-href="/Eventos?id={{item.Id}}" class="task-thumb">
                        <img width="90" ng-src="/Eventos/GetImage?id={{item.Id}}" alt="">
                    </a>
                    <div class="task-thumb-details">
                        <h1><a ng-href="/Eventos?id={{item.Id}}">{{item.Name}}</a></h1>
                        <p>{{item.EvenDateFormated}} - {{item.EventDateWeekDay}}</p>
                    </div>
                </div>
                <table class="table table-hover personal-task">
                    <tbody>
                        <tr>
                            <td>
                                <i class="fa fa-users"></i>
                            </td>
                            <td>Convidados</td>
                            <td> {{item.InvitedCount}}</td>
                        </tr>
                        <tr>
                            <td>
                                <i class="fa fa-user"></i>
                            </td>
                            <td>Promoters</td>
                            <td> {{item.PromoterCount}}</td>
                        </tr>
                        <tr>
                            <td>
                                <i class="fa fa-ticket"></i>
                            </td>
                            <td>Ingressos</td>
                            <td>??</td>
                        </tr>
                    </tbody>
                </table>
            </section>
            <!--user info table end-->
        </div>

    </div>

    <div class="row text-center">
        <pagination previous-text="«"
                    next-text="»"
                    items-per-page="homeCtrl.pagination.RegisterPerPages"
                    total-items="homeCtrl.pagination.RegisterCount"
                    ng-model="homeCtrl.pagination.Page"
                    pages="homeCtrl.pagination.Pages"
                    ng-change="homeCtrl.setPage()"></pagination>
    </div>
    <div class="row text-center">
        exibindo {{homeCtrl.pagination.RegisterPerPages}} de {{homeCtrl.pagination.RegisterCount}}

    </div>
</div>