@extends('layout/ace')

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

@section('title', 'Blog | Objave | Pregled')

@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=published]', function(e){
            const $element = $(e.target);
            const id = $element.data('id');
            const published = $element.is(":checked") ? 1 : 0;
            let data = {published}
            changeValue(data, id, $element);
        });

        $(document).on('change', 'input[type=date][name=published_at]', function(e){
            const $element = $(e.target);
            const id = $element.data('id');
            const published_at = $element.val();
            let data = {published_at}
            
            changeValue(data, id, $element);
        });

        const changeValue = (data, id, $element) => {
            $.ajax({
                url: route('cms.blog.post.update_partial', id),
                method: 'PATCH',
                data: {...data, ajax: 1},
                success: function(data) {
                    acMessages(data.message, 'success');
                },
                error(xhr) {
                    acMessages("Greška prilikom izmene", 'error');
                    $element.attr('checked', !$element.is(":checked")   );
                }
            });
        }
    </script>

@endsection