@extends('layout/ace')

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

@section('title', 'Header text | Pregled')

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

    <x-delete-modal></x-delete-modal>
    @livewire('course-picker-modal')
@endsection

@section('scripts')
    @parent
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.querySelectorAll('.btn-show-picked-courses').forEach(element => {
                element.addEventListener('click', function(e) {
                    e.preventDefault();
                    const price_category_id = e.currentTarget.dataset.price_category_id
                    window.Livewire.emitTo('course-picker-modal', 'open', {
                        price_category_id: price_category_id,
                        read_only: true
                    });
                });
            });
        });
    </script>
@endsection