<!--<div class="row">
    <div class="col-xs-12">
        <table class="table table-bordered table-striped">
            <tr>
                <th>Event</th>
                <th>Date</th>
                <th>Utilisateur</th>
            </tr>
            <tr ng-repeat="alert in alerts">
                <td>
                    {{alert.properties.id_event}}
                </td>
                <td>
                    {{alert.properties.date | date:"MM/dd/yyyy   hh:mm"}}
                </td>
                <td>
                    {{alert.properties.user}}
                </td>
            </tr>
        </table>
    </div>
</div>-->

<!--<div ng-show="!newAlertview">
    <div>
        <div class="row">
            <div class="col-xs-6 filtrer">
                <button type="button" ng-click="showfilter()" class="btn btn-default"
                        ng-class="{'btn-default':!show_filter,'btn-primary':show_filter}">Filtrer
                </button>
            </div>
            <div class="col-xs-6 ">
                <div class="btn btn-primary pull-right" ng-click="enableNewAlert()">
                    <translate>common.add</translate>
                </div>
            </div>
        </div>
    </div>


    <div class='row filters_alert' ng-if="show_filter">
        <hr/>
        <div class="row">
            <div class="col-xs-5">
                <input type="text"
                       class="form-control"
                       ng-model="filter.datesource.start"
                       ng-change="refreshAlerts()"
                       data-max-date="{{filter.datesource.end}}"

                       data-date-format="dd-MM-yyyy"
                       model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
                       data-timezone="UTC"

                       data-autoclose="1"
                       placeholder="Date Début Source" bs-datepicker>
            </div>
            <div class="col-xs-5">
                <input type="text"
                       class="form-control"
                       ng-model="filter.datesource.end"
                       ng-change="refreshAlerts()"
                       data-min-date="{{filter.datesource.start}}"

                       data-date-format="dd-MM-yyyy"
                       model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
                       data-timezone="UTC"

                       data-autoclose="1"
                       placeholder="Date Fin Source" bs-datepicker>
            </div>
        </div>


        <div class="row">
            <div class="col-xs-5">
                <input type="text"
                       class="form-control"
                       ng-model="filter.datealert.start"
                       ng-change="refreshAlerts()"
                       data-max-date="{{filter.datealert.end}}"

                       data-date-format="dd-MM-yyyy"
                       model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
                       data-timezone="UTC"

                       data-autoclose="1"
                       placeholder="Date Début Alert" bs-datepicker>
            </div>
            <div class="col-xs-5">
                <input type="text"
                       class="form-control"
                       ng-model="filter.datealert.end"
                       ng-change="refreshAlerts()"
                       data-min-date="{{filter.datealert.start}}"

                       data-date-format="dd-MM-yyyy"
                       model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
                       data-timezone="UTC"

                       data-autoclose="1"
                       placeholder="Date Fin Alert" bs-datepicker>
            </div>
        </div>
        <hr/>

        <div class="row">
            <div>
                <div class="col-xs-5">
                    <select class="form-control"
                            ng-model="filter.type"
                            ng-change="refreshAlerts()"
                            ng-options="type as type for type in typesList"></select>
                </div>
            </div>


            <div>
                <div class="col-xs-5">
                    <select class="form-control"
                            ng-model="filter.user"
                            ng-change="refreshAlerts()"
                            ng-options="user as user for user in usersList"></select>
                </div>
            </div>
        </div>





        <div class="row">

            <div>
                <div class="col-xs-5">
                    <select class="form-control"
                            ng-model="filter.categorie"
                            ng-change="refreshAlerts()"
                            ng-options="categorie as categorie for categorie in categoriesList"></select>
                </div>
            </div>

            <div>
                <div class="col-xs-5 filter_acquitte">
                    <label>
                        Acquitte&nbsp;
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="filter.acquitte.value1" value="TRUE" ng-change="refreshAlerts()"> True
                    </label>
                    <label class="checkbox-inline">
                        <input type="checkbox" ng-model="filter.acquitte.value2" value="TRUE" ng-change="refreshAlerts()"> False
                    </label>
                </div>

            </div>
        </div>



        <div class="row">

            <div>
                <div class="col-xs-10 info_filter">
                    <input type="text" ng-model="filter.name" class="form-control" ng-change="refreshAlerts()"  placeholder="Chercher par titre" >
                </div>
            </div>
        </div>

        <hr/>
    </div>

    <div>
        <ul class="list-group" ng-show="alerts.length > 0">
            <li class="list-group-item clearfix task" ng-repeat="todo in (alerts |orderBy: 'properties.datealert':true)"
                ng-class="{disabled: todo.properties.acquitte}">

                <p class="lead">{{todo.properties.name}} {{todo.properties.dateSource |date:'yyyy-MM-dd'}}</p>
                <p>{{todo.properties.description}}</p>
                <div>
	            <span class="pull-right">
	              &lt;!&ndash;button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil"
	                ng-click="editTask($index)"></span></button&ndash;&gt;
	              <button class="btn btn-primary btn-xs" ng-show="!todo.properties.acquitte"><span
                          class="glyphicon glyphicon-ok"
                          ng-click="aquitteAlert(todo , todo.id )"></span></button>
	              <button class="btn btn-primary btn-xs" ng-show="todo.properties.acquitte"><span
                          class="glyphicon glyphicon-repeat"
                          ng-click="unAquitteAlert(todo , todo.id )"></span></button>
	              <button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"
                                                              ng-click="removeAlert(todo.id)"></span></button>
	            </span>
                </div>
            </li>
        </ul>
        &lt;!&ndash;ul id="todo-list">
                        <li ng-repeat="todo in alerts track by $index">

                                <div class="view">


                                    <label ><i class="fa fa-check-circle"  ng-show="todo.acquitte"></i> {{todo.properties.name}}</label>

                                    <button class="destroy" ng-click="removeAlert(todo.id)">
                                        <i class="fa fa-trash" ></i>
                                    </button>
                                    <button  ng-click="aquitteAlert(todo , todo.id )">
                                        <i class="fa fa-bell" ></i>
                                    </button>
                                </div>

                            </li>
        </ul&ndash;&gt;
    </div>
    <div>
        <div class="row">
            <div class="col-xs-12 ">
                <div class="btn btn-primary pull-right" ng-click="enableNewAlert()">
                    <translate>common.add</translate>
                </div>
            </div>
        </div>

    </div>
</div>
<div ng-show="newAlertview">

    <form>
        <div class="form-group">
            <label>Nom</label>
            <input type="text" class="form-control" ng-model="newAlertTemplate.properties.name">
        </div>
        <div class="form-group">
            <label>Description</label>
            <input type="text" class="form-control" ng-model="newAlertTemplate.properties.description">
        </div>
        <div class="form-group">
            <label>Date Alerte</label>
            <input type="text"
                   class="form-control"
                   data-date-format="dd-MM-yyyy"
                   model-date-format="yyyy-MM-ddTHH:mm:ss.sssZ"
                   ng-model="newAlertTemplate.properties.datealert"
                   ng-disabled=""
                   ng-readonly=""
                   ng-required=""
                   title=""
                   bs-datepicker/>
        </div>

        <button type="button" class="btn btn-success" ng-click="newAlert()">
            <translate>common.add</translate>
        </button>
        <button type="button" class="btn btn-danger" ng-click="disableNewAlert()">
            <translate>common.cancel</translate>
        </button>
    </form>
</div>	-->
