@extends('layouts.master')
@section('title', 'Log Activity List')

@section('style')
    <style>
        /* .card:has(img) {
            overflow: hidden;
        } */
    </style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.title')


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
            </div>

            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">

                            <form method="GET" class="row g-3 mb-4">

                                {{-- Module --}}
                                <div class="col-md-3">
                                    <label class="form-label">Module</label>
                                    <select name="module" class="form-select">
                                        <option value="">All Modules</option>
                                        @foreach ($modules as $module)
                                            <option value="{{ $module }}"
                                                {{ request('module') == $module ? 'selected' : '' }}>
                                                {{ $module }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                {{-- Type --}}
                                <div class="col-md-3">
                                    <label class="form-label">Type</label>
                                    <select name="type" class="form-select">
                                        <option value="">All Types</option>
                                        <option value="approve" {{ request('type') == 'approve' ? 'selected' : '' }}>APPROVE
                                        </option>
                                        <option value="add" {{ request('type') == 'add' ? 'selected' : '' }}>CREATE
                                        </option>
                                        <option value="edit" {{ request('type') == 'edit' ? 'selected' : '' }}>UPDATE
                                        </option>
                                        <option value="delete" {{ request('type') == 'delete' ? 'selected' : '' }}>DELETE
                                        </option>
                                    </select>
                                </div>

                                {{-- User --}}
                                <div class="col-md-3">
                                    <label class="form-label">User</label>
                                    <select name="user_id" class="form-select">
                                        <option value="">All Users</option>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id }}"
                                                {{ request('user_id') == $user->id ? 'selected' : '' }}>
                                                {{ $user->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>

                                {{-- Buttons --}}
                                <div class="col-md-3 d-flex align-items-end gap-2">
                                    <button type="submit" class="btn btn-primary w-100">
                                        🔍 Filter
                                    </button>
                                    <a href="{{ url()->current() }}" class="btn btn-secondary w-100">
                                        ♻ Reset
                                    </a>
                                </div>

                            </form>

                            <div class="table-responsive">
                                <table id="example" width="100%" class="table table-striped table-condensed">
                                    <thead class="table-light text-center">
                                        <tr>
                                            <th>No.</th>
                                            <th>User</th>
                                            <th>Module</th>
                                            <th>Type</th>
                                            <th>Target ID</th>
                                            <th>Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($log_activities as $key => $log)
                                            <tr class="text-center">
                                                <td>{{ $key + 1 }}</td>
                                                <td>{{ $log->user_name ?? '-' }}</td>
                                                <td>{{ $log->MODULE }}</td>
                                                <td class="text-center">
                                                    @if ($log->TYPE == 'INSERT')
                                                        <span class="badge bg-success">CREATE</span>
                                                    @elseif ($log->TYPE == 'UPDATE')
                                                        <span class="badge bg-warning text-dark">UPDATE</span>
                                                    @elseif ($log->TYPE == 'DELETE')
                                                        <span class="badge bg-danger">DELETE</span>
                                                    @elseif ($log->TYPE == 'APPROVE')
                                                        <span class="badge bg-primary">APPROVE</span>
                                                    @elseif ($log->TYPE == 'REJECT')
                                                        <span class="badge bg-danger">REJECT</span>
                                                    @elseif ($log->TYPE == 'APPROVE_ITEM')
                                                        <span class="badge bg-info text-dark">APPROVE ITEM</span>
                                                    @elseif ($log->TYPE == 'REJECT_ITEM')
                                                        <span class="badge bg-warning">REJECT ITEM</span>
                                                    @else
                                                        <span class="badge bg-secondary">{{ $log->TYPE }}</span>
                                                    @endif
                                                </td>
                                                <td>{{ $log->KEY_ID }}</td>
                                                <td>{{ $log->created_at }}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <td colspan="7" class="text-center">No data available in table</td>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>

                                {{-- <div class="mt-3">
                                    {{ $log_activities->links() }}
                                </div> --}}
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

    @include('layouts.footer')

@endsection