@extends('admin.layout')

@section('content')
    <div class="container-fluid" ng-controller="postsController">
        <div class="row">
            <div class="col-md-12 m-b-30">
                <!-- DATA TABLE -->

                <div class="table-data__tool">
                    {{--<form class="form-header">--}}
                        {{--<input class="au-input au-input--xl" type="text" ng-model="config.search" ng-keyup="refresh($event)" name="search" placeholder="Search post..." />--}}
                        {{--<button class="au-btn--submit" ng-click="refresh()" type="button">--}}
                            {{--<i class="zmdi zmdi-search"></i>--}}
                        {{--</button>--}}
                    {{--</form>--}}
                    {{--<div class="table-data__tool-right">--}}
                        {{--<a class="au-btn au-btn-icon au-btn--green au-btn--small" href="add-post">--}}
                            {{--<i class="zmdi zmdi-plus"></i>Add post--}}
                        {{--</a>--}}
                        {{--<div class="rs-select2--dark rs-select2--md rs-select2--dark2">--}}
                            {{--<select class="js-select2" ng-model="config.status" ng-change="refresh()">--}}
                                {{--<option value="1" selected>Active</option>--}}
                                {{--<option value="0">Deactive</option>--}}
                            {{--</select>--}}
                            {{--<div class="dropDownSelect2"></div>--}}
                        {{--</div>--}}
                    {{--</div>--}}

                    <div class="table-data__tool-left">

                    </div>
                    <div class="table-data__tool-right">
                        <a class="au-btn au-btn-icon au-btn--green au-btn--small" href="add-post">
                            <i class="zmdi zmdi-plus"></i>Add post
                        </a>
                    </div>
                </div>

                <div class="table-responsive table-responsive-data2">
                    <table class="table table-data2">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Tiêu đề</th>
                            <th>Mô tả</th>
                            <th>Trạng thái</th>
                            <th>Link</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="tr-shadow" ng-repeat="post in posts">
                            <td>#{<>post.id<>}</td>
                            <td>{<>post.title<>}</td>
                            <td>{<>post.desc<>}</td>
                            <td>
                                <span ng-if="post.status == 1" class="status--process">Active</span>
                                <span ng-if="post.status == 0" class="status--denied">Deactive</span>
                            </td>

                            <td>
                                <a href="{<>post.url<>}">Link</a>
                            </td>

                            <td>
                                <div class="table-data-feature">
                                    <a class="item" href="edit-post?id={<>post.id<>}"
                                       data-toggle="tooltip" data-placement="top" title="Chi tiết">
                                        <i class="zmdi zmdi-edit"></i>
                                    </a>
                                    <a href="javascript:void(0)" data-id='{<>post.id<>}' onclick="clicked(this)" class="item" ng-if="post.status == 1">
                                        <i class="zmdi zmdi-delete"></i>
                                    </a>
                                    <a href="#" class="item" ng-if="post.status != 1">
                                        <i class="zmdi zmdi-delete"></i>
                                    </a>

                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!-- END DATA TABLE -->
            </div>
        </div>

    </div>
@endsection

@section('extra-js')
    <script>
        function clicked(el) {
            if (confirm('Do you want to submit?')) {
                location.href = 'remove?id='+el.getAttribute('data-id');
            }
        }
    </script>
@endsection