@php
    if (!isset($entry)) {
        if (isset($review))
        {
            $entry = $review;
        }
    }
    if (!isset($entryModelName)) {
        $entryModelName = strtolower(class_basename(get_class($entry->getModel())));
    }
@endphp

<form method="post" action="{{ route($entryModelName . '.toggle-is-reviewed.update', ['id' => $entry->id]) }}"
      class="ajax-form" autocomplete="off" id="toggle-is-reviewed-form">
    {!! csrf_field() !!}
    {!! method_field('put') !!}

    <div class="hidden" element="div" bp-field-wrapper="true" bp-field-name="entity" bp-field-type="hidden">
        <input type="hidden" name="entity" value="review"
               class="form-control form-control-solid form-control-lg">
    </div>
    <div class="hidden" element="div" bp-field-wrapper="true" bp-field-name="id" bp-field-type="hidden">
        <input type="hidden" name="id" value="{{ $entry->id }}"
               class="form-control form-control-solid form-control-lg">
    </div>

    <div class="d-flex flex-stack">
        <div></div>
        <label class="form-check form-switch form-check-custom form-check-solid">
            <input type="hidden" name="is_reviewed" value="{{ (int) $entry->is_reviewed }}" />
            <input type="checkbox" data-init-function="bpFieldIsReviewedSwitch" {{ $entry->is_reviewed ? 'checked' : '' }}
            class="form-check-input" />
            <span class="form-check-label fw-semibold text-muted" data-checked="Vu"
                  data-unchecked="Non-Vu">Marqué comme traité</span>
            </span>
        </label>
    </div>

    {{-- This makes sure that all field assets are loaded. --}}
    <div class="d-none" id="parentLoadedAssets">{{ json_encode(Assets::loaded()) }}</div>
    @include('crud::inc.form_save_buttons')
</form>


@push('after_scripts')
    @loadOnce('bpFieldIsReviewedSwitchScript')
    <script>
        function bpFieldIsReviewedSwitch($element) {
            let element = $element[0];
            let hiddenElement = element.previousElementSibling;
            let id = `switch_${hiddenElement.name}_${Math.random() * 1e18}`;

            // set unique IDs so that labels are correlated with inputs
            element.setAttribute('id', id);

            // set the default checked/unchecked state
            // if the field has been loaded with javascript
            hiddenElement.value !== '0' ?
                element.setAttribute('checked', true) :
                element.removeAttribute('checked');

            // JS Field API
            $(hiddenElement).on('CrudField:disable', () => element.setAttribute('disabled', true));
            $(hiddenElement).on('CrudField:enable', () => element.removeAttribute('disabled'));

            // when the checkbox is clicked
            // set the correct value on the hidden input
            $element.on('change', () => {
                hiddenElement.value = element.checked ? 1 : 0;
                $('#toggle-is-reviewed-form').submit();
            });
        }

        function initializeFieldsWithJavascript(container) {
            var selector;
            if (container instanceof jQuery) {
                selector = container;
            } else {
                selector = $(container);
            }
            selector.find("[data-init-function]").not("[data-initialized=true]").each(function () {
                var element = $(this);
                var functionName = element.data('init-function');

                if (typeof window[functionName] === "function") {
                    window[functionName](element);

                    // mark the element as initialized, so that its function is never called again
                    element.attr('data-initialized', 'true');
                }
            });
        }
        initializeFieldsWithJavascript($('#toggle-is-reviewed-form'));
    </script>
    @endLoadOnce
@endpush