@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | Recruitment — Job postings')
@section('content')
    <link rel="stylesheet" href="{{ asset('assets/plugins/summernote/summernote-bs4.css') }}">
    <div class="card border-0 shadow-sm">
        <div class="card-body">
            @livewire('recruitment.admin-job-postings')
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('assets/plugins/summernote/summernote-bs4.min.js') }}"></script>
    <script>
        (function () {
            function initRecruitmentJobSummernote(html) {
                var el = document.getElementById('job-post-summernote');
                if (!el || !window.jQuery) return;
                var $el = window.jQuery(el);
                if ($el.data('summernote')) {
                    $el.summernote('destroy');
                }
                $el.summernote({
                    height: 280,
                    minHeight: 180,
                    toolbar: [
                        ['style', ['style']],
                        ['font', ['bold', 'italic', 'underline', 'clear']],
                        ['fontname', ['fontname']],
                        ['fontsize', ['fontsize']],
                        ['color', ['color']],
                        ['para', ['ul', 'ol', 'paragraph']],
                        ['table', ['table']],
                        ['insert', ['link', 'hr']],
                        ['view', ['fullscreen', 'codeview', 'help']]
                    ],
                    callbacks: {
                        onChange: function (contents) {
                            if (window.Livewire) {
                                window.Livewire.dispatch('recruitment-job-desc', {description: contents});
                            }
                        }
                    }
                });
                $el.summernote('code', html || '<p><br></p>');
            }

            document.addEventListener('livewire:init', function () {
                Livewire.on('recruitment-job-desc-load', function (payload) {
                    var html = '';
                    if (payload && typeof payload.html !== 'undefined') {
                        html = payload.html;
                    }
                    setTimeout(function () {
                        initRecruitmentJobSummernote(html);
                    }, 30);
                });
            });
        })();
    </script>
@endsection