{{-- EXTENDS TEMPLATE --}}
@extends('layouts.app')

{{-- TITLE --}}
@section('title', __('lang.log_activity'))

{{-- ADDITIONAL STYLE --}}
@push('addons-style')
<link rel="stylesheet" href="{{ url('/') }}/assets/vendor/select2-bootstrap-theme/select2-bootstrap.min.css" />
<link rel="stylesheet" href="{{ url('/') }}/assets/vendor/datatables/datatables.css" />
@endpush

{{-- ADDITIONAL SCRIPT --}}
@push('addons-script')
<script src="{{ url('/') }}/assets/vendor/datatables/datatables.js"></script>
<script src="{{ url('/') }}/assets/vendor/parsley/parsley.min.js"></script>
@endpush

{{-- CUSTOM STYLESHEET --}}
@push('custom-style')

@endpush

{{-- CUSTOM SCRIPT --}}
@push('custom-script')
<script src="{{ Module::asset('logactivity:js/logActivity.js') }}"></script>
@endpush

{{-- CONTENT --}}
@section('content')
<section role="main" class="content-body">
    <div class="col-sm-12">
        <x-page-layout :breadcrumbs="$bc"></x-page-layout>
        <div class="card">
            <div class="card-header header-elements">
                <h4 class="card-title m-0 me-2">@lang('lang.list_data', ['data' => __('lang.log_activity')])</h4>
                <div class="card-header-elements ms-auto"></div>
            </div>
            <div class="card-body">
                <x-datatable id="{{ $table }}" data-url="{{ route('logactivity.datatable') }}">
                    <x-slot name="thead">
                        <tr>
                            <th>#</th>
                            <th>Method</th>
                            <th>Table</th>
                            <th>Activity</th>
                            <th>User</th>
                            <th>IP Address</th>
                            <th>Tanggal</th>
                        </tr>
                    </x-slot>
                    <tr>
                        <td colspan="7" class="datatables_empty">
                            {{ __('lang.loading_data_from_server') }}
                        </td>
                    </tr>
                </x-datatable>
            </div>
        </div>
    </div>
</section>
@endsection
