@extends('admin.layouts.layout')

@section('content')
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>

    <div class="container-fluid">
        <div class="row clearfix">
            <div class="col-lg-12" style="padding-right: 0px;">
                <div class="card">
                    <div class="header">
                        <div class="row">

                            <div class="col-md-12">
                                <h4 class="alltabletopheadingdesign">Asset Report List</h4>
                            </div>


                        </div>
                    </div>
                    <div class="body">

                        <style>
                            .filteroption {
                                padding: 15px;
                                display:none;
                            }
                            .filteroption a {
                                color: black;
                                font-size: 10px;
                                font-weight: 600;
                                border: 1px solid black;
                                padding: 5px;
                                line-height: 40px;
                                cursor: pointer;
                            }
                        </style>


                        <div class="row">
                            <div class="col-md-12">

                                <div class="table-responsive check-all-parent">
                                    <table class="table" id="all_asset_report_list_table">
                                        <thead>
                                        <tr>
                                            <th>S.no</th>
                                            <th>User ID</th>
                                            <th>Date Time</th>
                                            <th>Report</th>
                                            <th>Message</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        </tbody>
                                    </table>
                                </div>

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

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


    <link rel="stylesheet" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>



    <script>
        $(function () {

            const table = new DataTable('#all_asset_report_list_table', {
                processing: true,
                paging: false,
                serverSide: true,
                ajax: {
                    url: '{{ route("assetdetails.assetdetailreportlist") }}',
                    type: 'GET',
                    data: function (d) {
                        d.assetid = {{ $assetid }}
                    },
                },
                columns: [
                    {data: 'DT_RowIndex'},
                    {data: 'user_id'},
                    {data: 'datetime'},
                    {data: 'reportoption'},
                    {data: 'message',orderable: true, searchable: true}
                ]
            });


        });
    </script>


    @include('admin.assetdetails.asset_js')
    @include('admin.common_script.assetjs')

@endsection