@extends('entity.app')
@section('title', __('employeeAffairs.activity_logs'))
@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <div class="row flex-between-center">
                <div class="col-md">
                    <h5 class="mb-2 mb-md-0">@lang('employeeAffairs.activity_logs')</h5>
                </div>
                <div class="col-auto">
                    <a type="button" class="btn btn-falcon-info btn-sm " data-bs-toggle="collapse" href="#searchCard"
                        aria-expanded="true" aria-controls="collapseExample"><i class="fas fa-search"></i> </a>
                    <a href="{{ url()->current() }}" class="btn btn-falcon-primary btn-sm" role="button"><i
                            class="fa fa-sync"></i></a>
                    <a href="{{ route('entity.index', $entity_id) }}" class="btn btn-secondary btn-sm"
                        role="button">@lang('employeeAffairs.back')
                    </a>
                </div>
            </div>
        </div>
    </div>



    <div class="collapse {{ array_key_exists('searched', $filteredParameters) ? 'show' : '' }}" id="searchCard"
        style="">
        <div class="card border shadow-none card-body text-muted mb-0">
            <form action="{{ route('activities.index', $entity_id) }}" method="GET">
                @csrf
                <div class="row mb-2">
                    <div class="form-group col-md-3">
                        <label for="operation">@lang('activityLog.operations')</label>
                        <select class="form-select" aria-label="Default select example" name="operation" id="operation">
                            <option selected disabled>@lang('activityLog.select_operation')</option>
                            <option value="create">@lang('activityLog.create')</option>
                            <option value="update">@lang('activityLog.update')</option>
                            <option value="delete">@lang('activityLog.delete')</option>
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="model">@lang('activityLog.models')</label>
                        <select class="form-select" aria-label="Default select example" name="model" id="model">
                            <option selected disabled>@lang('activityLog.select_model')</option>
                            @foreach ($models as $model)
                                <option value="{{ $model }}">@lang('activityLog.' . $model)</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="user_id">@lang('activityLog.users')</label>
                        <select class="form-select" aria-label="Default select example" name="user_id" id="user_id">
                            <option selected disabled>@lang('activityLog.select_user')</option>
                            @foreach ($users as $user)
                                <option value="{{ $user->id }}">{{ $user->username }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group col-md-3">
                        <label for="entity_id">@lang('activityLog.entities')</label>
                        <select class="form-select" aria-label="Default select example" name="entity_id" id="entity_id">
                            <option selected disabled>@lang('activityLog.select_entity')</option>
                            @foreach ($entities as $entity)
                                <option value="{{ $entity->id }}">{{ $entity->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row mb-2 d-flex justify-content-center">
                    <div class="mb-3 col-md-4">
                        <label for="from_created" class="form-label">@lang('activityLog.from_created') </label>
                        <input type="date" name="from_created" class="form-control" id="from_created">
                    </div>

                    <div class="mb-3 col-md-4">
                        <label for="to_created" class="form-label">@lang('activityLog.to_created') </label>
                        <input type="date" name="to_created" class="form-control" id="to_created">
                    </div>
                </div>
                <div class="mb-2 row mt-2">
                    <div class="text-center">
                        <input type="submit" class="btn btn-primary w-25" name="searched"
                            value="@lang('student.search')"></input>
                        <a class="btn btn-warning  w-25" href="{{ url()->current() }}">@lang('employeeAffairs.default')</a>
                    </div>
                </div>
        </div>

        </form>
    </div>

    @php
        $colors = [
            'create' => 'success',
            'update' => 'primary',
            'delete' => 'danger',
            'login' => 'info',
        ];
    @endphp

    <div class="card">
        <div class="card-body pt-0">
            <div class="tab-content">
                <div class="tab-pane preview-tab-pane active show" role="tabpanel">
                    <div class="table-responsive scrollbar">
                        <table class="table table-hover table-striped overflow-hidden">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">@lang('employeeAffairs.username')</th>
                                    <th scope="col">@lang('employeeAffairs.operation')</th>
                                    <th scope="col">@lang('employeeAffairs.description')</th>
                                    <th scope="col">@lang('employeeAffairs.model')</th>
                                    <th scope="col">@lang('employeeAffairs.model_id')</th>
                                    <th scope="col">@lang('employeeAffairs.entity')</th>
                                    <th scope="col">@lang('employeeAffairs.created_at')</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($activities as $activity)
                                    @php
                                        $record = json_decode($activity->data, true);
                                    @endphp
                                    <tr class="align-middle">

                                        <td class="text-nowrap">{{ $activity->id }}</td>
                                        <td class="text-nowrap text-success fw-bold">{{ $activity->user->username }}</td>
                                        <td class="text-nowrap">
                                            <span class="badge badge-subtle-{{ $colors[$activity->operation] }} p-2">
                                                @lang('activityLog.' . $activity->operation)
                                            </span>

                                        </td>
                                        <td class="text-nowrap">{{ $activity->description }}</td>
                                        <td class="text-nowrap">@lang('activityLog.' . $activity->model)</td>
                                        <td class="text-nowrap">{{ $activity->model_id }}</td>
                                        <td class="text-nowrap">{{ $activity->entity->name }}</td>

                                        @if ($activity->model == 'login')
                                            <td class="text-nowrap">{{ $activity->created_at }}</td>
                                        @else
                                            <td class="text-nowrap">{{ $activity->created_at->format('Y-m-d') }}</td>
                                        @endif

                                        @if ($record)
                                            <td><a href="{{ route('activities.details', ['activity_id' => $activity->id]) }}"
                                                    class="btn btn-primary btn-sm">@lang('activityLog.show_details')</a></td>
                                        @else
                                            <td>--</td>
                                        @endif

                                    </tr>
                                @empty
                                    <tr class="text-center">

                                        <td colspan="8" class="text-danger">@lang('general.no_result')</td>

                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    <div class="d-flex">
                        {!! $activities->links() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        const filteredParameters = @json($filteredParameters);

        Object.keys(filteredParameters).forEach((key) => {
            const element = document.getElementById(key);

            if (element) {
                element.classList.add('border-primary');
                if (['INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName)) {
                    element.value = filteredParameters[key];
                }
            }
        });
    </script>
@endsection