@extends('layout/ace')

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

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

@section('content')
    <form method="POST" action="{{ route('cms.header_text.store') }}" enctype="multipart/form-data" class="row">
        @csrf
        @include('cms.header_text._form')
    </form>

    @livewire('course-picker-modal')
@endsection

@section('scripts')
    @parent
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            document.getElementById('pick-courses-btn').addEventListener('click', function(e) {
                const price_category_id = e.currentTarget.dataset.price_category_id
                window.Livewire.emitTo('course-picker-modal', 'open', {
                    price_category_id: price_category_id
                });
            });
        });
    </script>
@endsection