@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;">{{ __('member_summary_records.mounth_report') }}</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;">{{ __('member_summary_records.use_report') }}</button>
<h5>{{ __('member_summary_records.search_use_record') }}</h5>

<hr>
<table class="ans-table" id="myTable">
    <thead>
        <tr>
            <th>{{ __('member_summary_records.user') }}</th>
            <th>{{ __('member_summary_records.start_at') }}</th>
            <th>{{ __('member_summary_records.meeting_max') }}</th>
            <th>{{ __('member_summary_records.identify_word') }}</th>
            <th>{{ __('member_summary_records.identify_reduce_point') }}</th>
            <th>{{ __('member_summary_records.trans_word') }}</th>
            <th>{{ __('member_summary_records.trans_reduce_point') }}</th>
            <th>{{ __('member_summary_records.all_word') }}</th>
            <th>{{ __('member_summary_records.all_reduce_point') }}</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_summary_records/{{ session()->get('uuid') }}",
                "dataSrc": json => {


                    console.log(json);

                    return json.data;
                }

            },
            "columns": [{
                    "data": "email"
                },
                {
                    "data": "indoor_time"
                },
                {
                    "data": "people_count"
                },
                {
                    "data": "speech_count"
                },
                {
                    "data": "speech_points"
                },
                {
                    "data": "translate_count"
                },
                {
                    "data": "translate_points"
                },
                {
                    "data": "total_count"
                },
                {
                    "data": "total_points"
                }
            ],
            "order": [
                [2, 'desc']
            ],
            "searching": true,
            "paging": true,
            "ordering": true,
            "info": false,
            "pageLength": 10,
            "lengthChange": false,
            "language": {
                "processing": "{{ __('member_summary_records.processing') }}",
                "loadingRecords": "{{ __('member_summary_records.loading') }}",
                "lengthMenu": "{{ __('member_summary_records.display_result') }}",
                "zeroRecords": "{{ __('member_summary_records.none_macth_result') }}",
                "info": "{{ __('member_summary_records.display_start_end_total') }}",
                "infoEmpty": "{{ __('member_summary_records.display_from_to_result') }}",
                "infoFiltered": "{{ __('member_summary_records.form_max_filter') }}",
                "infoPostFix": "",
                "search": "{{ __('member_summary_records.search') }}",
                "paginate": {
                    "first": "{{ __('member_summary_records.first_page') }}",
                    "previous": "<",
                    "next": ">",
                    "last": "{{ __('member_summary_records.end_page') }}"
                },
            }

        });

    });
</script>

@endsection