<?= view('common/top_header_backdesk.php') ?>

<body>
<div class="container-scroller">
    <?= view('common/top_navbar') ?>
    <div class="container-fluid page-body-wrapper">
        <?= view('common/side_navbar') ?>
        <div class="main-panel">
            <div class="content-wrapper">
                <div class="card">
                    <?php if (!empty($academic)): ?>
                        <!-- EDIT FORM -->
                        <form id="service_edit_form" method="post" class="card-body">
                            <h4 class="card-title">Edit Academic Programs <hr></h4>
                            <input type="hidden" name="id" value="<?= esc($academic['id']) ?>">

                            <div class="form-group">
                                <label class="font-weight-bold">Content</label>
                                <textarea name="content" id="editor" class="form-control" rows="10"><?= esc($academic['content']) ?></textarea>
                            </div>

                            <button type="submit" class="btn btn-primary btn-sm mt-3">
                                <i class="mdi mdi-content-save"></i> Update
                            </button>
                        </form>
                    <?php else: ?>
                        <!-- ADD NEW FORM -->
                        <form id="service_add_form" method="post" class="card-body">
                            <h4 class="card-title">Add Academic Programs <hr></h4>

                            <div class="form-group">
                                <label class="font-weight-bold">Content</label>
                                <textarea name="content" id="editor" class="form-control" rows="10"></textarea>
                            </div>

                            <button type="submit" class="btn btn-success btn-sm mt-3">
                                <i class="mdi mdi-plus"></i> Add Service
                            </button>
                        </form>
                    <?php endif; ?>
                </div>

                <footer class="footer mt-3">
                    <div class="d-sm-flex justify-content-center justify-content-sm-between">
                        <span class="text-muted">© <?= date('Y') ?> <?= COMPANY_FULL_NAME ?>. All rights reserved.</span>
                        <span class="float-sm-right">With gratitude from <i class="mdi mdi-heart text-danger"></i>
                            <a href="<?= CREDIT_LINK ?>" target="_blank"><?= CREDIT_TITLE ?></a></span>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</div>

<?= view('common/footer_backdesk.php') ?>


<script>
$(document).ready(function () {
    const csrfTokenName = '<?= csrf_token() ?>';
    const csrfTokenValue = '<?= csrf_hash() ?>';
    const jwtToken = localStorage.getItem('jwt_token');

    // Initialize Trumbowyg on textarea with id="editor"
    $('#editor').trumbowyg({
        btns: [['viewHTML'], ['formatting'], 'bold', 'italic', 'underline'],
        autogrow: true,
        resetCss: true,
        semantic: false
    });

    <?php if (!empty($academic)): ?>
    $('#service_edit_form').on('submit', function (e) {
        e.preventDefault();

        // Get HTML content from Trumbowyg editor
        const content = $('#editor').trumbowyg('html');
        $('#editor').val(content);  // Update textarea value with editor content

        const formData = new FormData(this);
        formData.append('id', '<?= esc($academic['id']) ?>');
        formData.append(csrfTokenName, csrfTokenValue);

        $.ajax({
            url: '<?= base_url('api/home/academic-programs/update') ?>',
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'Authorization': 'Bearer ' + jwtToken
            },
            success: function (response) {
                if (response.status) {
                    toast('success', response.message);
                    window.location.href = '<?= base_url('backdesk/home-academic-programs/index') ?>';
                } else {
                    toast('danger', response.message || 'Something went wrong!');
                }
            },
            error: function (xhr) {
                toast('danger', 'API error: ' + xhr.responseText);
            }
        });
    });
    <?php else: ?>
    $('#service_add_form').on('submit', function (e) {
        e.preventDefault();

        const content = $('#editor').trumbowyg('html');
        $('#editor').val(content);

        const formData = new FormData(this);
        formData.append(csrfTokenName, csrfTokenValue);

        $.ajax({
            url: '<?= base_url('api/home/academic-programs/create') ?>',
            method: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            headers: {
                'Authorization': 'Bearer ' + jwtToken
            },
            success: function (response) {
                if (response.status) {
                    toast('success', response.message);
                    window.location.href = '<?= base_url('backdesk/home-academic-programs/index') ?>';
                } else {
                    toast('danger', response.message || 'Something went wrong!');
                }
            },
            error: function (xhr) {
                toast('danger', 'API error: ' + xhr.responseText);
            }
        });
    });
    <?php endif; ?>
});
</script>




</body>
</html>
