@php ($headerOption = [
'title' => $module,
'header_buttons' => [],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption)


@section('content')
<div class="table-responsive">
    <table class="{!! \Config::get('view.table.table_class') !!}">
        <thead class="{!! \Config::get('view.table.table_head_class') !!}">
            <tr>
                <th style="width: 140px;">Preview</th>
                <th>Type</th>
                <th>User</th>
                <th>Timestamp</th>
                <th>Reason</th>
                <th>Confidence</th>
                <th>Status</th>
                <th style="width: 150px;">Actions</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="assets/images/small/img-3.jpg" data-holder-rendered="true"></td>
                <td>Video</td>
                <td>greenleaf42</td>
                <td>Today <br>10:45AM</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">AI</span> 83%</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending Review</span></td>
                <td>
                    <div class="d-flex gap-8 action-icon-btns">
                        <a href="#"><i class="bx bx-search-alt-2 fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-bell fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    </div>
                </td>
            </tr>
            <tr>
                <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="assets/images/small/img-3.jpg" data-holder-rendered="true"></td>
                <td>Video</td>
                <td>greenleaf42</td>
                <td>Today <br>10:45AM</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">AI</span> 83%</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending Review</span></td>
                <td>
                    <div class="d-flex gap-8 action-icon-btns">
                        <a href="#"><i class="bx bx-search-alt-2 fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-bell fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    </div>
                </td>
            </tr>
            <tr>
                <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="assets/images/small/img-3.jpg" data-holder-rendered="true"></td>
                <td>Video</td>
                <td>greenleaf42</td>
                <td>Today <br>10:45AM</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">AI</span> 83%</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending Review</span></td>
                <td>
                    <div class="d-flex gap-8 action-icon-btns">
                        <a href="#"><i class="bx bx-search-alt-2 fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-bell fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    </div>
                </td>
            </tr>
            <tr>
                <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="assets/images/small/img-3.jpg" data-holder-rendered="true"></td>
                <td>Video</td>
                <td>greenleaf42</td>
                <td>Today <br>10:45AM</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">AI</span> 83%</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending Review</span></td>
                <td>
                    <div class="d-flex gap-8 action-icon-btns">
                        <a href="#"><i class="bx bx-search-alt-2 fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-bell fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    </div>
                </td>
            </tr>
            <tr>
                <td scope="row"><img class="rounded avatar-sm" alt="200x200" width="100" src="assets/images/small/img-3.jpg" data-holder-rendered="true"></td>
                <td>Video</td>
                <td>greenleaf42</td>
                <td>Today <br>10:45AM</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">AI</span> 83%</td>
                <td><span class="badge badge-pill badge-soft-success font-size-12">Approved</span></td>
                <td><span class="badge badge-pill badge-soft-warning font-size-12">Pending Review</span></td>
                <td>
                    <div class="d-flex gap-8 action-icon-btns">
                        <a href="#"><i class="bx bx-search-alt-2 fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-bell fa-2x text-dark"></i></a>
                        <a href="#"><i class="bx bx-user-circle fa-2x text-dark"></i></a>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

@include('admin.components.pagination')

@endsection