@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 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;">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;"><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