@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('lesson.index') }}
@endsection

@section('title')
    Pregled {{ App\Models\Lesson::$typeT }}
@endsection

@section('content')
    @livewire('custom-tabulator', ['model' => $model, 'modelHelper' => $modelHelper, 'modelType' => strtolower(App\Models\Lesson::$type)])

    <x-delete-modal></x-delete-modal>
@endsection

@section('scripts')
    @parent
    <script>
        $(document).on('change', 'input[name=published], input[name=demo]', function(e) {
            changeValue($(e.target));
        })

        function changeValue(element) {
            const lesson_id = element.data('id');
            const published = element.is(":checked") ? 1 : 0;
            const demo = element.is(":checked") ? 1 : 0;
            let data = {published: published, demo: demo};

            $.ajax({
                url: `${window.origin}/ks4dm/lesson/${lesson_id}/update-partial`,
                method: 'PATCH',
                data: data,
                success: function(data) {
                    acMessages(data.message, 'success');
                },
                error(xhr) {
                    acMessages("Greška prilikom izmene", 'error');
                    element.attr('checked', !element.is(":checked")   );
                }
            });
        }
    </script>
@endsection