@extends('layouts.member.shell')

@section('content')

<h5>會議使用紀錄查詢</h5>
                            <hr>
                            <table class="ans-table" id="myTable">
                                <thead>
                                    <tr>
                                        <th width="5%">次序</th>
                                        <th width="25%">會議空間(E-mail)</th>
                                        <th width="5%">持有人</th>
                                        <th width="10%">狀態</th>
                                        <th width="5%">使用者</th>
                                        <th width="15%">會議總人數</th>
                                        <th width="25%">時間</th>
                                    </tr>
                                </thead>
                                <tbody>

                               </tbody>
                            </table>
			   
@endsection


@section('jsscript')

<script>

$(document).ready(function() {
            $('#myTable').DataTable({
                "ajax": {
                    "url": "/api/v1/get_usage_records/{{ session()->get('uuid') }}",
                    "dataSrc": json => {
                        for (var i = 0, ien = json.data.length; i < ien; i++) {

                            if (json.data[i]['status'] == '1') {

                                json.data[i]['status'] = '<span style="color: green;">進入</span>';

                            } else {

                                json.data[i]['status'] = '<span style="color: red;">離開</span>';

                            }

                        }
                        return json.data;
                    }

                },
                "columns": [{
                        "data": "count"
                    },
                    {
                        "data": "email"
                    },
                    {
                        "data": "nickname"
                    },
                    {
                        "data": "status"
                    },
                    {
                        "data": "user_name"
                    },
                    {
                        "data": "people_count"
                    },
                    {
                        "data": "process_time"
                    }
                ],
                "searching": true,
                "paging": true,
                "ordering": false,
                "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