<div class="modal fade" id="statusChartModal" tabindex="-1" aria-labelledby="statusChartModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="statusChartModalLabel">Detailed Alumni Status</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <canvas id="detailedStatusChart"></canvas>
                <div id="statusDetails"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="workBeforeGraduateModal" tabindex="-1" aria-labelledby="workBeforeGraduateModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="workBeforeGraduateModalLabel">Detail Alumni Mendapat Pekerjaan Sebelum Lulus</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <canvas id="detailedWorkBeforeGraduateChart"></canvas>
                <div id="workBeforeGraduateDetails"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="workAfterGraduateMonthModal" tabindex="-1" aria-labelledby="workAfterGraduateMonthModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="workAfterGraduateMonthModalLabel">Detail Alumni Mendapat Pekerjaan Setelah Lulus (Bulan)</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <canvas id="detailedWorkAfterGraduateMonthChart"></canvas>
                <div id="workAfterGraduateMonthDetails"></div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="workBeforeGraduateMonthModal" tabindex="-1" aria-labelledby="workBeforeGraduateMonthModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="workBeforeGraduateMonthModalLabel">Detail Alumni Mendapat Pekerjaan Setelah Lulus (Bulan)</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">x`
                <canvas id="detailedWorkBeforeGraduateMonthChart"></canvas>
                <div id="workBeforeGraduateMonthDetails"></div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="findWorkBeforeGraduateModal" tabindex="-1" aria-labelledby="findWorkBeforeGraduateModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="findWorkBeforeGraduateModalLabel">Detail Find Work Before Graduate</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <canvas id="detailedFindWorkBeforeGraduateChart"></canvas>
                <div id="findWorkBeforeGraduateDetails"></div>
            </div>
        </div>
    </div>
</div>