@extends('layouts.member.shell')

@section('content')

<button type="button" class="btn btn-outline-secondary float-right" style="font-size: 0.8rem; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">月報表</button>
<div class="float-right">&nbsp;</div>
<button type="button" class="btn btn-outline-secondary float-right" style="font-size: 0.8rem; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">使用報表</button>
<h5>辨識/翻譯紀錄紀錄查詢</h5>

                            <hr>
                            <table class="ans-table" id="myTable">
                                <thead>
                                    <tr>
                                        <th>類型</th>
                                        <th>使用者</th>
                                        <th>開始時間</th>
                                        <th>字數</th>
                                        <th>人數</th>
                                    </tr>
                                </thead>
                                <tbody>
				</tbody>
				</table>
			   
@endsection


@section('jsscript')

<script>

var table_data = undefined;

        $(document).ready(function() {
            table_data = $('#myTable').DataTable({
                "ajax": {
                    "url": "/api/v1/get_speech_records/{{ session()->get('uuid') }}",
                    "dataSrc": json => {

		    return json.data;
                    }

                },
                "columns": [{
                        "data": "type"
                    },
                    {
                        "data": "user_name"
                    },
                    {
                        "data": "start_time"
                    },
                    {
                        "data": "count"
                    },
                    {
                        "data": "people_count"
                    }
                ],
                "order": [
                    [2, 'desc']
                ],
                "searching": true,
                "paging": true,
                "ordering": true,
                "info": false,
                "pageLength": 10,
                "lengthChange": false,
                "language": {
                    "processing": "處理中...",
                    "loadingRecords": "載入中...",
                    "lengthMenu": "每頁顯示 _MENU_ 項結果",
                    "zeroRecords": "沒有符合的結果",
                    "info": "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",
                    "infoEmpty": "顯示第 0 至 0 項結果，共 0 項",
                    "infoFiltered": "(從 _MAX_ 項結果中過濾)",
                    "infoPostFix": "",
                    "search": "搜尋:",
                    "paginate": {
                        "first": "第一頁",
                        "previous": "<",
                        "next": ">",
                        "last": "最後一頁"
                    },
                }

            });

        });

</script>

@endsection