{{ App::setLocale(  isset($_COOKIE['admin_language']) ? $_COOKIE['admin_language'] : 'en'  ) }}

<div class="row mb-4 mt-20">
    <div class="col-md-12">
        <div class="card-header border-bottom">
            
            <h6 class="m-0" style="margin:10!important;"> {{ $type }} Log Data</h6>
        </div>
        <div class="form_pad">
              <table id="data-tables" class="table table-hover table_width display">
                <thead>
                    <tr>
                        <th data-value="id">{{ __('admin.id') }}</th>
                        <th data-value="type">{{ __('admin.logs.type') }}</th>
                        <th data-value="type">{{ __('admin.logs.ip') }}</th>
                        <th data-value="type">{{ __('admin.logs.os') }}</th>
                        <th data-value="type">{{ __('admin.logs.browser') }}</th>
                        <th data-value="created_at">{{ __('admin.logs.time') }}</th>
                    </tr>
                 </thead>


                </table>

                <button type="reset" class="btn btn-danger cancel">Cancel</button>
        </div>

    </div>
</div>

<script>

var tableName = '#data-tables';

var table = $(tableName);

$(document).ready(function() {
    var type = "";
    var id = "";
    var url = getBaseUrl() + "/admin/"+type+"/logs/"+id;
  
    table = table.DataTable( {
        "processing": true,
        "serverSide": true,
        "pageLength": 5,
        "ajax": {
            "url": url,
            "type": "GET",
            'beforeSend': function (request) {
                showLoader();
            },
            "headers": {
                "Authorization": "Bearer " + getToken("admin")
            },
            data: function(data){
              
                var info = $(tableName).DataTable().page.info();
                delete data.columns;
               data.page = info.page + 1;
                // data.search_text = data.search['value']; 
                data.order_by = $(tableName+' tr').eq(0).find('th').eq(data.order[0]['column']).data('value');
                data.order_direction = data.order[0]['dir'];
                
            },
            dataFilter: function(response){        
                var json = parseData(response); 
                
                json.recordsTotal = json.responseData.total;
                json.recordsFiltered = json.responseData.total;
                json.data = json.responseData.data;
                hideLoader();
                
                return JSON.stringify( json ); // return JSON string
            }
        },
        "columns": [
            { "data": "id" ,render: function (data, type, row, meta) {
               return meta.row + meta.settings._iDisplayStart + 1;
              }
            },
            { "data": "type" },
            { "data": function (data, type, dataToSet) {
                return data.data.data.ip;
            } },
            { "data": function (data, type, dataToSet) {
                var os = ((data.data.data.user_agent).split(" "))[3] ;
                console.log(data.data.data);
                return os;
            } },
            { "data": function (data, type, dataToSet) {
                var browser = ((data.data.data.user_agent).split(" ")).slice(-1)[0] ;
                return browser;
            } },
            //{ "data": "created_at" }
             { "data": "created_at", render: function (data, type, row) {
                 let date = moment(data).format('MM-D-Y H:m:s');

                 console.log(date);
                 return date;
                 }
             }
        ],
        responsive: true,
        paging:true,
            info:true,
            lengthChange:false,
            searching:false,
            dom: 'Bfrtip',
            buttons: [
            ],"drawCallback": function () {
    
                var info = $(this).DataTable().page.info();
                if (info.pages<=1) {
                   $('.dataTables_paginate').hide();
                   $('.dataTables_info').hide();
                }else{
                    $('.dataTables_paginate').show();
                    $('.dataTables_info').show();
                }
            }
    });
    
});

$('.cancel').on('click', function(){
        $(".crud-modal").modal("hide");
    });

</script>