@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('cms.company.show_employees', $company) }}
@endsection

@section('title', 'Zaposleni kompanije | ' . htmlspecialchars_decode($company->name))

@section('content')
    @livewire('custom-tabulator', ['model' => $model, 'modelHelper' => $modelHelper])

    <x-delete-modal></x-delete-modal>
    <form action="{{ route('cms.company.resend_invitation_mail', ['company' => $company, 'type' => 'all']) }}" method="POST" id="resend-all-invitations-form">
        @csrf
    </form>
@endsection

@section('scripts')
    @parent
    <script>
        if(document.querySelector("#btn-send-all-invitations")) {
            document.querySelector("#btn-send-all-invitations").addEventListener('click', (e) => {
                e.preventDefault();
                if(document.querySelector("#resend-all-invitations-form")) {
                    document.querySelector("#resend-all-invitations-form").submit();
                }
            })
        }

        const resendActivationMail = (lms_user_id) => {
            $.ajax({
                type: "POST",
                url: route('cms.lms_user.invitation_mail.resend', lms_user_id),
                success: function (response) {
                    acMessages(response.message, 'success');
                    setTimeout(() => {
                        checkForMailsSendCount();
                    }, 3000);
                },
                error: function (error) {
                    acMessages("Greška prilikom ponovnog slanja mail-a za aktivaciju.", 'error');
                }
            });
        }

        const checkForMailsSendCount = () => {
            $.ajax({
                type: "GET",
                url: route('cms.lms_user.invitation_mail_count', route().params.company),
                success: function (response) {
                    writeActivationMailsCount(response.data);
                }
            });
        }

        const writeActivationMailsCount = (data) => {
            data.forEach(element => {
                const activationMailCountElements = document.querySelectorAll(`span.activation-mail-count`);
                activationMailCountElements.forEach(activationMailCountElement => {
                    if(activationMailCountElement.dataset.lms_user_id == element.lms_user_id) {
                        activationMailCountElement.innerHTML = element.activation_mail_sent_count
                    }
                });
            });
        }

        $(document).on('click', ".btn-resend-mail", (e) => {
            e.preventDefault();
            resendActivationMail(e.currentTarget.dataset.lms_user_id);
        });
    </script>
@endsection