@extends('layouts.main')

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.history') }}<span class="float-sm-right"> </span></h4>                
            </div>
            <div class="card-body collapse in">
                <div class="table-responsive">
                    <table id="support-table" class="table hover mb">
                        <thead class="thead-inverse">
                            <tr>
                                <th>{{ __('strings.id') }}</th>
                                <th>{{ __('strings.name') }}</th>
                                <th>{{ __('strings.email') }}</th>
                                <th>{{ __('strings.phone') }}</th>
                                <th>{{ __('strings.type') }}</th>
                                <th>{{ __('strings.problem_description') }}</th>
                                <th>{{ __('strings.date_hour') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <meta http-equiv="refresh" content="900">
</div>
@endsection

@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
    moment.locale('es');
        
        $('#support-table').DataTable({
            processing: true,
            serverSide: true,
            responsive: true,
            ajax: '{!! route('support_datatable_get') !!}',
            columns: [
            { data: 'id'},
            { data: 'name'},
            { data: 'email'},
            { data: 'phone'},
            { data: 'type'},
            { data: 'comment'},
            { data: 'created_at', render: function(data, type, row, meta)
                {
                        return moment.utc(data).local().format('YYYY-MM-DD HH:mm:ss');
                }
            }
            ],
            dom: 'Bfrtip',
            buttons: [
                'pageLength','copy', 'excel', 'pdf'
            ],
            "lengthMenu": [[10, 100, 1000], [10, 100, 1000]],
            "language": {
                "url": "{!! asset('Datatables/languages/spanish.json') !!}"
            },
            "order": [[ 0, "desc" ]]
        });
    });
</script>
@endpush