@extends('layouts.admin')
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
@section('content')


<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between bg-galaxy-transparent">
            <h4 class="mb-sm-0">Post Statistics</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="#">Back to Posts</a></li>
                    <li class="breadcrumb-item active">Post Statistics</li>
                </ol>
            </div>
        </div>
    </div>
</div>



<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <table id="postsTable" class="table table-bordered nowrap align-middle" style="width: 100%;">
                    <thead>
                        <tr>
                            <th>Sr. No.</th>
                            <!-- <th>Post ID</th> -->
                            <th>Likes</th>
                            <th>Comments</th>
                            <th>Shares</th>
                        </tr>
                    </thead>
                    <tbody>
                       
                        <tr>
                            <td>1</td>
                            <!-- <td>{{ $post->post_id }}</td> -->
                            <td>
                                <a href="{{ route('admin.posts.likes', ['id' => $post->id]) }}" class="btn btn-outline-primary btn-sm">
                                    <i class="ri-thumb-up-line"></i> {{ $likesCount }}
                                </a>
                            </td>
                            <td>
                                <a href="{{ route('admin.posts.comments', ['id' => $post->id]) }}" class="btn btn-outline-success btn-sm">
                                    <i class="ri-chat-3-line"></i> {{ $commentsCount  }}
                                </a>
                            </td>
                            <td>
                                <a href="{{ route('admin.posts.shares', ['id' => $post->id]) }}" class="btn btn-outline-warning btn-sm">
                                    <i class="ri-share-forward-line"></i> {{ $sharesCount  }}
                                </a>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>
                <a href="{{ route('admin.posts') }}" class="btn btn-back mt-3">Back</a>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script>
$(document).ready(function() {
    $('#postsTable').DataTable({
        responsive: true,
        ordering: true,
        searching: false
    });
});
</script>
@endsection