<div class="table-responsive">
    <table class="table table-hover table-striped">
        <thead class="redirect-head">
            <tr>
                <th class="w-20">#</th>
                <th>URL</th>
                <th>META TITLE	</th>
                <th class="">META KEYWORDS</th>
                <th class="">META DESCRIPTION</th>
                <th></th>
            </tr>
            <tr ng-show="isShowLoading">
                <div class="loading" ng-show="isShowLoading">
                    <div class="loading_line_wrapper">
                        <div class="loading_line">
                            <div class="loading_line_inner loading_line_inner--1"></div>
                            <div class="loading_line_inner loading_line_inner--2"></div>
                        </div>
                    </div>
                </div>
            </tr>
        </thead>
        <tbody class="redirect-body">
            <tr ng-repeat="item in items track by $index">
                <td>@{{ $index + 1 }}</td>
                <td>@{{ item.url }}</td>
                <td>@{{ item.meta_title }}</td>
                <td>@{{ item.meta_keywords }}</td>
                <td>@{{ item.meta_description }}</td>
                <td align="right">
                    <button class="btn btn-primary" role="button" ng-click="openModal(item)">
                        <i class="fa fa-pencil" aria-hidden="true"></i>
                    </button>
                    <button class="btn btn-danger" role="button" ng-click="delete(item, $index)">
                        <i class="fa fa-times" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
            <tr ng-if="items.length == 0 && !isShowLoading">
                <td colspan="6">No data found...</td>
            </tr>
        </tbody>
    </table>
</div>
