@extends('layout/ace')

@section('breadcrumbs')
    {{ Breadcrumbs::render('PaketKurseva') }}
@endsection

@section('title')
    Pregled paketa kurseva
@endsection

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

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

@section('scripts')
    @parent
    <script>
        $(document).on('change', 'input[name=active]', function(e){
            const $element = $(e.target);
            const package_id = $element.data('id');
            const active = $element.is(":checked") ? 1 : 0;
            let data = {active: active}
            changeValue(data, package_id, $element);
        })

        $(document).on('change', 'input[name=published]', function(e){
            const $element = $(e.target);
            const package_id = $element.data('id');
            const published = $element.is(":checked") ? 1 : 0;
            let data = {published: published}
            changeValue(data, package_id, $element);
        })

        $(document).on('change', 'input[name=demo]', function(e){
            const $element = $(e.target);
            const package_id = $element.data('id');
            const demo = $element.is(":checked") ? 1 : 0;
            let data = {demo: demo}
            changeValue(data, package_id, $element);
        })

        function changeValue(data, package_id, $element) {
            $.ajax({
                url: `${window.origin}/ks4dm/package/${package_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