@extends('layouts.admin')

@section('styles')

@endsection

@section('content')
    <div class="container-fluid">
        <style>
            .table thead tr td {
                padding: 0px 0px 15.2px 0px;
            }
        </style>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-10">
                                @include('elements.admin-breadcrumb')
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        @include('elements.alert')

                        <form class="mb-15" id="kt_course_delete" action="" method="POST">
                            @csrf
                            @method('post')
                            <table class="table w-100 nowrap no-footer">
                                <tbody>
                                    <tr>
                                        @if(isset($user_id) && !empty($user_id))
                                    <input type="hidden" id="user" value="{{ $user_id }}" />
                                    @else
                                    <td  class="col-md-4">
                                        <select id="user" class="form-select form-control-sm datatable-input select2" data-toggle="select2">
                                            <option value="">- Select User -</option>
                                            @foreach ($users as $user)
                                                <option value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endforeach
                                        </select>
                                    </td>
                                    @endif
                                        <td class="col-md-2">
                                            <input type="date" id="start_date" class="form-control form-control-sm datatable-input" style="padding: 8px;" />
                                        </td>
                                        <td class="col-md-2">
                                            <input type="date" id="end_date" class="form-control form-control-sm datatable-input" style="padding: 8px;" />
                                        </td>
                                        <td>
                                            <button type="button" class="btn btn-dark" id="kt_reset">Reset</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table id="common_datatable" class="table table-striped w-100"
                                data-column="log_name,description,subject_type,event,causer_type,causer_id,created_at"
                                data-column-name="id,log_name,description,subject_type,event,causer_type,created_at,actions"
                                data-extra-param="user,start_date,end_date"
                                data-extra-param-name="user_id,start_date,end_date"
                                data-control="{{ route('admin.log-activity.list') }}" data-sorting="5" data-sorting-type="DESC"
                                data-serial-number="1" data-except-sorting-columns="5"
                                role="grid" data-hide-delete="TRUE" aria-describedby="common_datatable_info">
                                <thead>
                                    <tr>
                                        <th>Log Name</th>
                                        <th>Description</th>
                                        <th>Subject Type</th>
                                        <th>Event</th>
                                        <th>Causer Type</th>
                                        <th>Created Date</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>

                                </tbody>
                            </table>
                        </form>
                    </div> <!-- end card body-->
                </div> <!-- end card -->
            </div><!-- end col-->
        </div> <!-- end row-->
    </div>
@endsection

@section('scripts')

@endsection