@extends('layouts.backend')

@section('extra_css')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <!--<link rel="stylesheet" href="{{ asset('https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css') }}">-->
@endsection

@section('content')

<main>
    <div class="container-fluid"> 
		<div class="mb-4 mt-2"></div>
		
        <div id="card" class="card mb-4">
            <div class="card-header">
                <i class="fas fa-table mr-1"></i>
                Users List <a href="{{ route('user.create') }}"><button type="button" class="btn btn-info btn-sm"><i class="fa fa-plus"></i> Add User</button></a>
            </div>
            
            <center><h4 class="text-success"> {{ Session::get('message') }}</h4></center>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <!--<th>Photo</th>-->
                                <th>Email</th>
                                <th>Role</th>
                                <th class="text-center">Total Posts</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                      
                        <tbody>
                            @foreach(\App\User::take(100)->skip(1)->get() as $user)
                                    <tr>
                                        <td>{{ $user->name }}</td>
                                        <!--<td><img style="height: 30px;" src="{{ (!empty($user->picture))?url($user->picture):url('public/default/default2.png') }}" alt="{{ $user->name }}"></td>-->
                                        <td>{{ $user->email }}</td>
                                        <td>{{ $user->role }}</td>
                                        <td class="text-center"><button class="btn btn-sm btn-info btncount" data-toggle="modal" data-target="#userPostDatePicker" data-id="{{$user->id}}">{{ $user->Posts->count() }}</button></td>
										
										<!--<td class="justify-content-center" style="display: inline-flex; width: 100%">
											<a href="{{ route('user.edit', $id = $user->id) }}" class="btn btn-info" style="padding: 4px 6px 4px 10px;margin: 0 3px 4px;">
														<i class="fa fa-edit"></i>
													</a>                                            
                                            
											<form action="{{ route('user.destroy', $id = $user->id) }}"
                                                          method="post">
                                                        <input type="hidden" name="_method"
                                                               value="DELETE">
                                                        {{ csrf_field() }}
                                                        <button type="submit"
                                                                class="btn btn-danger">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    </form>
                                        </td>-->
										
										<td class="justify-content-center" style="display: inline-flex; width: 100%; padding: 15px 0;">
                                            <a href="{{ route('user.edit', $id = $user->id) }}" class="btn btn-sm btn-info" role="button"><i class="fa fa-edit"></i></a>
                                            <form action="{{ route('user.destroy', $id = $user->id) }}"
                                                  method="post">
                                                <input type="hidden" name="_method"
                                                       value="DELETE">
                                                {{ csrf_field() }}
                                                <button type="submit" class="btn btn-sm btn-danger permanently" onclick="return confirm('Are you sure to delete this item?')"><i class="fa fa-trash"></i></button>

                                            </form>
                                        </td>
										
                                    </tr>
                                @endforeach
                                
                          
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</main>
    





@endsection

@section('extra_js')
    <script src="{{ asset('https://cdn.jsdelivr.net/momentjs/latest/moment.min.js') }}"></script>
    <script src="{{ asset('https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js') }}"></script>

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


        $(document).ready(function () {



            var user_id;
            $('.btncount').click(function (e) {
                user_id = $(this).data("id");
            });


            $(function() {


                var start = moment().subtract(29, 'days');
                var end = moment();

                function cb(start, end) {
                    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));

                    console.log("{{url('/')}}/{{ \App\Setting::find(1)->admin_prefix }}/user/post-count/"+user_id +"/"+ start.format('YYYY-MM-DD') + "/" + end.format('YYYY-MM-DD'));
                    $.ajax({
                        type: "GET",
                        url   : "{{url('/')}}/{{ \App\Setting::find(1)->admin_prefix }}/user/post-count/"+user_id +"/"+ start.format('YYYY-MM-DD') + "/" + end.format('YYYY-MM-DD'),

                        cache : false,

                        beforeSend : function() {
                            console.log('beforeSend');
                        },

                        success : function(data) {
                            console.log(data);
                            if (data) {
                                $( "#printCount" ).remove();
                                $( "#reportrange" ).after( "<p class=\"text-center bg-success well well-sm\" style=\"margin-top: 10px;\" id=\"printCount\">total "+data+" posts in this days.</p>" );
                            } else {
                                console.log('error')
                            }

                        },

                        error : function() {

                        }
                    });
                }

                $('#reportrange').daterangepicker({
                    startDate: start,
                    endDate: end,
                    ranges: {
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                    }
                }, cb);

                cb(start, end, user_id);

            });

            console.log("ready");


        });



    </script>

@endsection