@extends('dashboard.layouts.master')
@section('title', 'Audit Logs | Admin Panel')

@push('after-styles')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />
@endpush

@section('content')
<div class="padding website-label">
    <div id="success_file_popup" style="margin-bottom:10px;"></div>

    <div class="box">
        <div class="box-header">
            <div class="box-header-left">
                <h3 class="d-block">Audit Logs</h3>
                <small class="d-inline-block">
                    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> /
                    <span>Account / Audit Logs</span>
                </small>
            </div>
            <div class="box-header-right box-tool">
                <button type="button" onclick="exportData('csv')" class="btn btn-sm btn-success">
                    <i class="fa fa-file-excel-o"></i> Export CSV
                </button>
                <button type="button" onclick="exportData('pdf')" class="btn btn-sm btn-danger">
                    <i class="fa fa-file-pdf-o"></i> Export PDF
                </button>
            </div>
        </div>

        {{-- Hidden export form --}}
        <form id="export-form" action="{{ route('admin-audit-logs-export-csv') }}" method="GET" style="display:none;">
            <input type="hidden" name="start_date" id="export-start-date">
            <input type="hidden" name="end_date" id="export-end-date">
            <input type="hidden" name="action_type" id="export-action-type">
            <input type="hidden" name="user_id" id="export-user-id">
        </form>

        {{-- Filters bar --}}
        <div class="box-body">
            <div class="row m-b">
                <div class="col-sm-3">
                    <label>Start Date</label>
                    <input type="date" id="filter-start-date" class="form-control">
                </div>
                <div class="col-sm-3">
                    <label>End Date</label>
                    <input type="date" id="filter-end-date" class="form-control">
                </div>
                <div class="col-sm-3">
                    <label>Action Type</label>
                    <select id="filter-action-type" class="form-control">
                        <option value="all">All Actions</option>
                        @foreach($actionTypes as $type)
                            <option value="{{ $type }}">{{ $type }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-3">
                    <label>Actor</label>
                    <select id="filter-user-id" class="form-control">
                        <option value="all">All Users</option>
                        @foreach($actors as $actor)
                            <option value="{{ $actor->id }}">{{ $actor->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-sm-12 m-t text-right">
                    <button onclick="resetFilters()" class="btn btn-sm btn-default">Reset Filters</button>
                </div>
            </div>

            <div class="table-responsive table_data">
                <table class="table table-bordered m-a-0" id="auditLogTable">
                    <thead class="dker">
                        <tr>
                            <th>Date &amp; Time</th>
                            <th>Action Type</th>
                            <th>Actor</th>
                            <th>Description</th>
                            <th>IP Address</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('after-scripts')
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

    var table = $('#auditLogTable').DataTable({
        processing: true,
        serverSide: true,
        responsive: true,
        ordering: true,
        ajax: {
            url: "{{ route('admin-audit-logs-anyData') }}",
            type: 'POST',
            data: function(d) {
                d.start_date     = $('#filter-start-date').val();
                d.end_date       = $('#filter-end-date').val();
                d.action_type    = $('#filter-action-type').val();
                d.filter_user_id = $('#filter-user-id').val();
            }
        },
        columns: [
            { data: 'performed_at', name: 'performed_at' },
            { data: 'action_type',  name: 'action_type' },
            { data: 'performed_by', name: 'performed_by', orderable: false },
            { data: 'description',  name: 'description',  orderable: false },
            { data: 'ip_address',   name: 'ip_address',   orderable: false },
        ],
        order: [[0, 'desc']],
    });

    // Reload table when filters change
    $('#filter-start-date, #filter-end-date, #filter-action-type, #filter-user-id').on('change', function() {
        table.ajax.reload();
    });

    function resetFilters() {
        $('#filter-start-date').val('');
        $('#filter-end-date').val('');
        $('#filter-action-type').val('all');
        $('#filter-user-id').val('all');
        table.ajax.reload();
    }

    function exportData(type) {
        // Pass current filter values into the hidden form
        $('#export-start-date').val($('#filter-start-date').val());
        $('#export-end-date').val($('#filter-end-date').val());
        $('#export-action-type').val($('#filter-action-type').val());
        $('#export-user-id').val($('#filter-user-id').val());

        var form = document.getElementById('export-form');
        if (type === 'csv') {
            form.action = "{{ route('admin-audit-logs-export-csv') }}";
        } else {
            form.action = "{{ route('admin-audit-logs-export-pdf') }}";
        }
        form.submit();
    }
</script>
@endpush