@extends('Manager.Master')
@section("title")  نظرات تایید نشده @stop
@section('content')
    <div class="col-md-12 index-page x_content">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">نظرات تایید نشده</h3>
                <div class="pull-left">
                    <a href="#filter" data-toggle="collapse">
                        <i class="glyphicon glyphicon-filter" data-toggle="tooltip" title="فیلتر"></i>
                    </a>
                </div>
            </div>
            <div class="panel-body table-responsive">
                <div id="filter" class="collapse margin-botton-2">
                    <input class="form-control" id="myInput" type="text" placeholder="مقدار دلخواهتان را وارد کنید">
                </div>
                <table class="table table-hover" id="dev-table">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>نام نویسنده </th>
                        <th>خلاصه</th>
                        <th>زمان ارسال</th>
                        <th><em class="fa fa-cog"></em></th>
                    </tr>
                    </thead>
                    <tbody>
                    @php
                        if(!$data->isempty()){
                            $count = $data->currentPage() * 10 - 10;
                    @endphp
                    @foreach($data as $item)
                        @php $count++ @endphp
                        <tr @if($count % 2 != 0 ) class="warning" @endif data-id="{{ $item->id }}" data-content="{{$item->comment}}">
                            <td>{{ $count }}</td>
                            <td class="article_title">{{  mb_substr($item->name , 0 , 34)}}</td>
                            <td>{{  mb_substr($item->comment , 0 , 40)}}</td>
                            <td>{{ verta((int)$item->time)->format('H:i - Y/n/j ') }}</td>
                            <td align="center">
                                <button class="btn btn-info"><em class="fa fa-external-link"></em></button>
                                <button class="btn btn-warning"><em class="fa fa-thumbs-o-up"></em></button>
                                <button class="btn btn-danger"><em class="fa fa-trash"></em></button>
                            </td>
                        </tr>
                    @endforeach
                    @php } else { @endphp
                    <tr>
                        <td>*</td>
                        <td>موردی یافت نشد</td>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    @php } @endphp
                    </tbody>
                </table>
            </div>
            <div class="panel-footer">
                <div class="row text-center">
                    <div class=" col-xs-12 col-md-3 pull-right mypaginate">
                        {{ $data->links() }}
                    </div>
                    <div class=" col-xs-12 col-md-4 pull-left pager ">صحفه {{ $data->currentPage() }}
                        از {{ $data->lastPage() }} صفحه
                    </div>


                </div>

            </div>
        </div>
    </div>

    {{-- modal --}}
    <!-- Modal -->
    <div class="modal fade" id="thisModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">متن نظر : </h4>
                </div>
                <div class="modal-body">
                    <p id="comment-content"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
                </div>
            </div>

        </div>
    </div>

@stop
@section("footer")
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var delete_id = 0;
        $(document).ready(function () {
            $("button.btn-danger").on("click", function () {
                var id = $(this).parents("tr").attr("data-id");
                var name = $(this).parents("tr").children("td.article_title").text();
                delete_id = id;
                message_alert( ' نظر  '+name);
            });

            $("button.btn-info").on("click", function () {
                var id = $(this).parents("tr").attr("data-id");
                var content = $(this).parents("tr").attr("data-content");
               $('#comment-content').text(content);
                $('#thisModal').modal();
            });

            $("button.btn-warning").on("click", function () {
                var id = $(this).parents("tr").attr("data-id");
                waitingDialog.show();