@extends('mainlayout.layout')

@php

use App\Models\User;

@endphp
@section('title')
<title>{{env('APP_NAME')}} {{$title}}</title>
@endsection

<link href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css" id="app-style" rel="stylesheet"
    type="text/css" />



@section('content')



<div class="page-content">
    <div class="container-fluid">

        <div class="card">
            <div class="card-body" style="padding: 1em;margin-left: 0.5em;">

                <div class="row">

                    <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12">



                        <p class="card-title phu_dark_blue font-18" style="padding-top: 0.5em">{{$title}}</p>

                    </div>
                    <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12">
                    </div>

                    <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12">

                        <a href="/dashboard/logs"><button type="button" class="btn btn-md btn-success">
                                All Logs</button></a>
                    </div>


                </div>
            </div>




        </div>
        <div class="row">
            <div class="col-md-12 col-lg-12">
                <div class="card">
                    <div class="card-body" style="padding: 1em;margin-left: 0.5em;">

                        <table id="example" class="display" style="width:100%">
                            <thead>
                                <tr>
                                    <th style="font-size: 12px;">#</th>

                                    <th style="font-size: 12px;">User</th>
                                    <th style="font-size: 12px;">Class</th>

                                    <th style="font-size: 12px;">Event</th>
                                    <th style="font-size: 12px;">Ip</th>
                                    <th style="font-size: 12px;">fullUrl</th>


                                    <th style="font-size: 12px;">Device</th>
                                    <th style="font-size: 12px;">Comment</th>
                                    <th style="font-size: 12px;">Created At</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach($logs as $log)
                                <tr>
                                    <td style="font-size: 12px;"><a href="/log/{{encrypt($log->id)}}">{{$log->id}}</a>
                                    </td>
                                    <td style="font-size: 12px;">
                                        @if(!empty($log->userid))<a
                                            href="/log/user/{{encrypt($log->userid)}}">{{User::find($log->userid)->first_name}}
                                            {{User::find($log->userid)->last_name}}</a> @else APP @endif </td>
                                    <td style="font-size: 12px;"><a
                                            href="/log/event/{{$log->event}}">{{$log->event}}</a></td>

                                    <td style="font-size: 12px;"><a
                                            href="/log/event_category/{{$log->event_category}}">{{$log->event_category}}</a>
                                    </td>

                                    <td style="font-size: 12px;">{{$log->ip}}</td>
                                    <td style="font-size: 12px;">{{$log->fullUrl}}</td>

                                    <td style="font-size: 12px;">
                                        {{$log->device}}
                                    </td>

                                    <td style="font-size: 12px;">
                                        {{$log->comment}}
                                    </td>
                                    <td style="font-size: 12px;">
                                        {{$log->updated_at}}
                                    </td>

                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>










<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
{{-- <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> --}}
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.js" defer>
</script>

<script type="text/javascript">
    $(document).ready(function () {
    $('#example').DataTable({
        paging: true,
        ordering: false,
        info: false,
    });
});
</script>





@endsection