@extends('admin.layout.master')
@section('title','User Activity')
@section('custom_style') 
    <link href="{{asset('assets/css/custom_print.css')}}" rel="stylesheet"/>
@endsection
@section ('content')  
    <div class="card sina-card"> 
        <div class="card-header card-header-s d-flex flex-wrap align-items-center justify-content-between">
            <div class="col-md-6 col-12 pl-0">
                <h4>User Activity List</h4>
            </div> 
            <div class="col-6 d-flex justify-content-end">
                @include('inventory.global.report_print_excel_button')
            </div>
        </div>
        <div class="card-body">
            <form method="get" name="filter_form" id="filter_form" action="{{ route('log.user_activity') }}">
                @csrf   
                <div class="d-flex flex-wrap justify-content-center mb-1 mt-2">
                    {{-- <div class="col-md-2 col-6 flex-wrap pr-0">
                        <label for="model">Model</label>
                        <select class="form-control select_mdl" style="width: 100%" name="model" id="model" required> 
                            <option value=""></option>
                            @forelse ($log_model as $mdl)
                                                                <option value="{{ $mdl->laggable_type }}" {{ request()->model == $mdl->laggable_type ? 'selected' : '' }}>{{ $n[count($n)-1] }}</option>
                            @empty 
                            @endforelse
                        </select>
                    </div> --}}
                    <div class="col-md-2 col-6 flex-wrap pr-0 mx-1">
                        <label for="user_id">User</label>
                        <select class="form-control select_2" style="width: 100%" name="user_id" id="user_id"> 
                            @forelse ($users as $user)
                                <option value="{{ $user->id }}" {{ request()->user_id == $user->id ? 'selected' : '' }}>{{ $user->name }}</option>
                            @empty 
                            @endforelse
                        </select>
                    </div>
                    {{-- <div class="col-md-2 col-6 flex-wrap pr-0">
                        <label for="column_name">Column Name</label>
                        <input type="text" class="form-control" name="column_name" id="column_name" value="{{ request()->column_name??'' }}">
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0">
                        <label for="keyword">Keywords</label>
                        <input type="text" class="form-control" name="keyword" id="keyword" value="{{ request()->keyword??'' }}">
                    </div> --}}
                    <div class="col-md-2 col-6 flex-wrap pr-0 mx-1">
                        <label for="date_from">Date From</label>
                        <input type="text" class="form-control date_picker" name="date_from" id="date_from" value="{{ request()->date_from ? date('d-m-Y', strtotime(request()->date_from)) : date('d-m-Y') }}">
                    </div>
                    <div class="col-md-2 col-6 flex-wrap pr-0 mx-1">
                        <label for="date_to">Date To</label>
                        <input type="text" class="form-control date_picker" name="date_to" id="date_to" value="{{ request()->date_to ? date('d-m-Y', strtotime(request()->date_to)) : date('d-m-Y') }}">
                    </div> 
                    <div class="col-md-2 col-2 flex-wrap pr-0 text-center pt-1 m-auto">
                        <button class="btn btn-sm btn-outline-info font-weight-bold d-flex" name="filter" id="filter">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter pt-1" viewBox="0 0 16 16">
                                <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
                            </svg>&nbsp;Filter
                        </button>
                    </div> 
                </div> 
            </form>
            <hr>
            @if (count($logs))
                <h5 class="col-md-12 bg-dark text-white mt-2 p-2 text-center">User Name: {{ $logs->first()->user->name }}</h5>
            @endif
            <div class="row d-flex flex-wrap common_excel_export" id="printThis">
                {{-- <h5 class="col-md-12 bg-dark text-white mt-2 text-center">{{ $log->user->name.'   '.(date('d-m-Y h:i:s A', strtotime($log->created_at))) }}</h5> --}}
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th class="text-center">Menu</th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Action</th>
                            <th class="text-center">Store</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($logs as $log)
                            <tr>
                                <td class="text-center" onclick="getLogDetails({{ $log->id }})" title="{{ $log->route_name }}">{{ ucfirst(str_replace('.', ' ', $log->permission->group_name)) }} ({{ $log->action }})</td>
                                <td class="text-center">{{ date('d-m-Y h:i:s A', strtotime($log->created_at)) }}</td>
                                <td class="text-center" title="{{ $log->edit_table_id }}">{{ $log->posting_type }}</td>
                                <td class="text-center">{{ $log->warehouse->name_eng }}</td>
                            </tr>
                        @empty
                        @endforelse 
                    </tbody>
                </table>
            </div> 
        </div>
    </div>

    @include('v2.admin.global.empty_modal', [
        'modal_id'=> 'log_details_id',
        'modal_body_id'=> 'log_details',
        'modal_title'=> 'Log Request',
        'mdl_size'=> 'modal-xl'
    ])
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            select2('select_2', 'Select User', false);
        });

        let activityCache = [];
        const getLogDetails = id => {
            if (typeof activityCache[id] != 'undefined') {
                $('#log_details').html(activityCache[id]);
                $('#log_details_id').modal('show');
                return;
            }

            ajaxCallV2('/admin/log/user-activity-details', 'GET', {
                id: id
            }, (html)=> {
                activityCache[id] = html;
                $('#log_details').html(html);
                $('#log_details_id').modal('show');
                $('#loader').hide();
            });
        }
    </script>
@endsection