KCI-CAMPAIGN-TRACKER/app/Views/jobs/index.php

<section class="content-stack" x-data="jobTable()">

    <div class="page-toolbar">
        <div class="section-heading">
            <h1><?= e($model->title) ?></h1>
            <p>Manage jobs across all campaigns.</p>
        </div>
        <a class="button button-primary" href="/jobs/create">+ New Job</a>
    </div>

    <?php if ($model->saved): ?>
        <div class="alert alert-success" x-data="{ open: true }" x-show="open" x-transition.opacity x-init="setTimeout(() => open = false, 3500)">
            Job saved successfully.
        </div>
    <?php endif; ?>

    <?php if ($model->deleted): ?>
        <div class="alert alert-success" x-data="{ open: true }" x-show="open" x-transition.opacity x-init="setTimeout(() => open = false, 3500)">
            Job deleted.
        </div>
    <?php endif; ?>

    <section class="section-panel">
        <div class="panel-header">
            <div>
                <h2>Job Directory</h2>
                <p>All jobs with their campaign and job type.</p>
            </div>
            <button class="button button-secondary" type="button" x-on:click="reloadTable()">Refresh</button>
        </div>
        <div id="job-table" class="tabulator-host"></div>
    </section>

</section>