@extends('layouts.adminka_master')

@section('content')
    @if(session()->has('message'))
        <div class="alert alert-success alert-dismissable">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">x</a>
            {{ session()->get('message') }}
        </div>
    @endif
    @if(session()->has('error'))
        <div class="alert alert-danger alert-dismissable">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">x</a>
            {{ session()->get('error') }}
        </div>
    @endif

    <section class="content-header">
        <h1>
            Все коментарии
        </h1>
        <ol class="breadcrumb">
            <li><a href="/administrator"><i class="fa fa-dashboard"></i> Главная</a></li>
            <li><a href="#">Tables</a></li>
            <li class="active">Таблица коментариев</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <h3 class="box-title">Список всех коментариев</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
                            <div class="row">
                                <div class="col-sm-4">
                                    <form  id="target">
                                        <label>
                                            Показать
                                            <select name="per" id="per" class="form-control input-sm">
                                                <option @if($count == 10)selected @endif value="10">10</option>
                                                <option @if($count == 15)selected @endif value="15">15</option>
                                                <option @if($count == 20)selected @endif value="20">20</option>
                                                <option @if($count == 25)selected @endif value="25">25</option>
                                                <option @if($count == 50)selected @endif value="50">50</option>
                                                <option @if($count == 100)selected @endif value="100">100</option>
                                            </select>
                                            записей
                                        </label>
                                    </form>
                                </div>

                                <div class="col-sm-4">
                                    <form method="post" action="administrator/company/message/3" id="target-users">

                                        <label>Сортировать по компаниям</label>
                                        <select name="company_id" id="users" class="form-control">
                                            <option value="Все коментарии">Все коментарии</option>
                                            @foreach($companies_all as $company)
                                                <option value="{{$company['id']}}">{{$company['name']}}</option>
                                            @endforeach
                                        </select>

                                    </form>
                                    <form  id="target">
                                        <label>Показать: <a href="administrator/company/message"><strong>ВСЕ КОМЕНТАРИИ</strong></a></label>
                                    </form>
                                </div>

                                <div class="col-sm-4 text-right">
                                    <div class="form-group">
                                        <form class="form-inline" action="/administrator/company/message" method="get">
                                            <input type="search" name ="search" id="search" class="form-control" placeholder="поиск ..." aria-controls="">
                                            <input type="submit" class="btn btn-primary" value="Поиск">

                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="table-responsive">
                                        <table id="example1" class="table table-bordered table-striped dataTable"
                                               role="grid" aria-describedby="example1_info" data-form="deleteForm">
                                            <thead>
                                            <tr role="row">
                                                <th class="sorting_asc" tabindex="0" aria-controls="example1"
                                                    rowspan="1" colspan="1" aria-sort="ascending"
                                                    aria-label="Rendering engine: activate to sort column descending"
                                                    style="width: 168px;">ID
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1"
                                                    colspan="1"
                                                    aria-label="Platform(s): activate to sort column ascending"
                                                    style="width: 184px;">Автор
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1"
                                                    colspan="1"
                                                    aria-label="Platform(s): activate to sort column ascending"
                                                    style="width: 184px;">Заголовок
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1"
                                                    colspan="1"
                                                    aria-label="Platform(s): activate to sort column ascending"
                                                    style="width: 184px;">Cообщение
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1"
                                                    colspan="1"
                                                    aria-label="Platform(s): activate to sort column ascending"
                                                    style="width: 184px;">Cоздан
                                                </th>
                                                <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1"
                                                    colspan="1"
                                                    aria-label="Engine version: activate to sort column ascending"
                                                    style="width: 144px;">Опции
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            @foreach ($comments as $com)
                                                <tr data-id="{{$com->id}}" role="row" class="even">
                                                    <td class="sorting_1">{{$com['id']}}</td>
                                                    <td>
                                                        <input type="text" style="max-width: 80%;" name="author" value="{{$com->author}}">
                                                        <button type="submit" style="width: 17%;padding: 6px 0;" class="send-author btn btn-success" title=""><i class="fa  fa-save"></i></button>
                                                    </td>
                                                    <td>{{$com->title}}</td>
                                                    <td>{{$truncatedMessage = mb_substr($com->message,0,100) . '...'}}</td>
                                                    <td>
                                                        <input type="text" style="max-width: 80%;" name="created_at" value="{{$com->created_at}}">
                                                        <button type="submit" style="width: 17%;padding: 6px 0;" class="created-comment btn btn-success" title="Коментарии"><i class="fa  fa-save"></i></button>
                                                    </td>
                                                    <td>
                                                        <a href="/administrator/company/message/edit/{{$com['id']}}"><button type="submit" class="btn btn-info" title="Редактировать"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button></a>

                                                        <form method="post" action="/administrator/company/message/accept/{{$com['user_id']}}" class="form-button-wrap">
                                                            <input name="_token" type="hidden" value="{{csrf_token()}}">
                                                            {{ csrf_field() }}
                                                            <input type="hidden" name="id" value="{{$com->id}}">
                                                            <button class="btn btn-warning" type="submit" name="ban" data-id="{{$com->id}}" @if($com['banned'] == 0) @else disabled data-disabled="true" @endif><i class="fa fa fa-ban" aria-hidden="true"></i></button>
                                                        </form>

                                                        <button type="submit" data-toggle="modal" data-target="#myCommentDeleteMessage_{{$com['id']}}" class="btn btn-danger" title="Удалить"><i class="fa fa-trash-o" aria-hidden="true"></i></button>

                                                        @include('components.company_modals')
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>

                                            <tfoot>
                                            <tr>
                                                <th rowspan="1" colspan="1">ID</th>
                                                <th rowspan="1" colspan="1">Автор</th>
                                                <th rowspan="1" colspan="1">Заголовок</th>
                                                <th rowspan="1" colspan="1">Cообщение</th>
                                                <th rowspan="1" colspan="1">Cоздан</th>
                                                <th rowspan="1" colspan="1" >Опции</th>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-7">
                                    <div class="dataTables_paginate paging_simple_numbers text-right" id="example1_paginate">
                                        <ul class="pagination">
                                            {{ $comments->links() }}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.box-body -->
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
        <div>
            <div class="swalct" style="display: none;">
                <form method="post" action="/administrator/company/messages/" class="form-button-wrap">
                    <input name="_token" type="hidden" value="{{csrf_token()}}">
                    {{ csrf_field() }}
                    <input type="hidden" name="id" class="inpt-id" value="">
                    <button class="btn btn-warning" type="submit" name="ban">Забанить</button>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('custom-scripts')
{{--    <script src="{{url('/js/admin/jquery-ui.js')}}"></script>--}}
    <script src="{{url('/js/sweetalert.min.js')}}"></script>

    <script>
        $('td button[name="ban"]').click(function(e){
            e.preventDefault();

            var id = $(e.currentTarget).attr('data-id');
            console.log(id);
            $('.swalct form').attr('action', '/administrator/company/message/accept/' + id);
            $('.swalct form .inpt-id').attr('value', id);
            var form = $('.swalct form').get(0);
            $(form).clone().appendTo($('.swalct'));

            swal("Вы действительно хотите забанить пользователя?", {
                content: form,
                button: false,
            })
        });

        $( function() {
            $("input[name='created_at']").datepicker({
//                dateFormat: 'dd-mm-yy',
                dateFormat: 'yy-mm-dd',
                showOtherMonths: true,
                selectOtherMonths: true
            });
        } );

        var csrf = $('meta[name="csrf-token"]').attr('content');

        $('.send-author').click(function (e) {
            var id = $(e.currentTarget).closest($('tr')).attr('data-id');

            var data = {};

            console.log($(e.currentTarget).prev());
            var el = $(e.currentTarget).prev();
            var elName = el.attr('name');

            data[elName] = el.val();

            $.ajax({
                method: "post",
                headers: {
                    'X-CSRF-TOKEN': csrf
                },
//                contentType: 'json',
                url: '/administrator/company/messages/changeDate',
                data: {
                    'author': el.val(),
                    'id':id
                },
                success: function() {
                    swal("Поле: \"Автор\"", "Было успешно изменено", "success");
                },
                error:function(err){
                    swal("Поле: \"Автор\"", "Не было изменено", "error");
                }

            })
        });

        $('.created-comment').click(function (e) {
            var id = $(e.currentTarget).closest($('tr')).attr('data-id');

            var data = {};

            console.log($(e.currentTarget).prev());
            var el = $(e.currentTarget).prev();
            var elName = el.attr('name');
            data[elName] = el.val();

            $.ajax({
                method: "post",
                headers: {
                    'X-CSRF-TOKEN': csrf
                },

                url: '/administrator/company/messages/changeDate',
                data: {
                    'created_at': el.val(),
                    'id':id
                },
//                success: function(data){
//                    console.log(data)
//                },
                success: function() {
                    swal("Поле: \"Создан\"", "Было успешно изменено", "success");
                },
                error:function(err){
                    swal("Поле: \"Создан\"", "Не было изменено", "error");
                }
            })
        });

    </script>
@endsection