@extends('admin.layouts.master-soyuz')
@section('title',__('Device History'))
@section('body')

@include('admin.layouts.topbar',$data)

<div class="contentbar bardashboard-card"> 
   
    <div class="row">
       
        <div class="col-md-12">
            <div class="card m-b-30">
                <div class="card-header">
                    <h5 class="card-title">{{ __('Device History') }}</h5>
                </div>
                
                <div class="card-body">
                    <form method="post" action="{{route('filter.device.logs')}}">
                    @csrf
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="">Date Range</label>
                                    <input type="date" name="to_date" class="form-control to_date">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for=""> </label>
                                    <input type="date" name="from_date" class="form-control mt-2">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label for=""> </label>
                                    <input type="submit" value="Filter" class="form-control btn btn-info mt-2">
                                </div>
                            </div>
                        </div>
                    </form>
                    <table id="device_reports" class="text-dark w-100 table table-striped table-bordered">
                        <thead>
                            <th>{{ __("#") }}</th>
                            <th>{{ __("User name")}}</th>
                            <th>{{ __("IP Address") }}</th>
                            <th>{{ __("Platform") }}</th>
                            <th>{{ __("Browser") }}</th>
                            <th>{{ __("Logged in at") }}</th>
                            <th>{{ __("Logged out at") }}</th>
                        </thead>
                    </table>
                       
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@section('custom-script')
<script>
    $(function () {
       
            "use strict";
            var table = $('#device_reports').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 50,
                searchDelay: 450,
                ajax: {
                    url: "{{ route("device.logs") }}",
                        data: function (d) {
                            d.to_date = $('.to_date').val();
                        }
                    },
                language: {
                    searchPlaceholder: "Search in device reports..."
                },
                columns: [
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        searchable: false,
                        orderable: false
                    },
                    {
                        data: 'username',
                        name: 'users.name'
                    },
                    {
                        data: 'ip_address',
                        name: 'auth_log.ip_address'
                    },
                    {
                        data: 'platform',
                        name: 'auth_log.platform'
                    },
                    {
                        data: 'browser',
                        name: 'auth_log.browser'
                    },
                    {
                        data: 'login_at',
                        name: 'auth_log.login_at'
                    },
                    {
                        data: 'logout_at',
                        name: 'auth_log.logout_at'
                    }
                ],
                dom: 'lBfrtip',
                buttons: [
                    'csv', 'excel', 'pdf', 'print'
                ],
                order: [
                    [0, 'DESC']
                ]
            });

    });
</script>
@endsection