    
    

<br>

    <div>
        <!-- <a ng-href="#!/CrearReunion/" ng-click="irACrearReunion()" class="ui green compact button">
            <i class="calendar plus icon"></i>
            Crear reunión</a> -->

        <a ng-href="#" ng-click="generarReporte(filterData)" class="ui green compact button">
            <i class="file excel icon"></i>
            Exportar</a>
    </div>

    <br>
    <span style="font-size: 12px;">Total de registros {{filterData.length}}</span>
    <table class="ui blue very table compact" style="margin-top: 0px; border-top: none;">
        <thead>
            <tr>
                <th style="width: 80px; color: white;
                    background-color: #2185d0;
                    width: 80px;">
                    <h4># ID</h4>

                </th>

                <th style="color: white; background-color: #2185d0; width: 80px;">
                    <h4>Título de reunión</h4>

                </th>
                <th style="color: white; background-color: #2185d0; width: 80px;">
                    <h4>Fecha</h4>

                </th>
                <th style="color: white; background-color: #2185d0; width: 80px;">
                    <h4>Programa</h4>

                </th>
                <th style="color: white; background-color: #2185d0; width: 80px;">
                    <h4>Tipo asunto</h4>

                </th>
                <th style="color: white; background-color: #2185d0; width: 80px;"></th>
            </tr>
            <tr>
                <th style="width: 80px;">

                    <div class="ui input">
                        <input ng-model="filtro.ID" type="text" placeholder="ID">
                    </div>
                </th>

                <th>

                    <div class="ui input">
                        <input ng-model="filtro.Title" type="text" placeholder="Título de reunión">
                    </div>
                </th>
                <th>

                    <div class="ui input">
                        <input ng-model="filtro.FechaReunion" type="text" placeholder="Fecha">
                    </div>
                </th>
                <th>

                    <div class="ui input">
                        <input ng-model="filtro.Programa" type="text" placeholder="Programa">
                    </div>
                </th>
                <th>

                        <div class="ui input">
                                <input ng-model="filtro.TipoAsunto" type="text" placeholder="TipoAsunto">
                            </div>
                </th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="datos in filterData = (reunionesComunidades | filter: filtro)">
                <td style="vertical-align: middle">{{datos.ID}}</td>
                <td style="vertical-align: middle">{{datos.Title}}</td>
                <td style="vertical-align: middle">{{datos.FechaReunion | date}}</td>
                <td style="vertical-align: middle">{{datos.Programa}}</td>
                <td style="vertical-align: middle">{{datos.TipoAsunto}}</td>
                <td><a ng-href="#!/Reunion/{{datos.Id}}" class="ui teal compact button">ver</a></td>
            </tr>
        </tbody>
    </table>
