{% extends 'basic.html' %}
{% block title %}
Kiosk Antrian
{% endblock %}
{% block head %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<script>
    function wakturefresh() {
            setInterval('refreshWaktu()', 1000);
    }
    function refreshWaktu() {
            $.ajax({
            url: '/pemeriksaan/autowaktusekarang',
            success: function(data) {
            $('#autowaktusekarang').html(data);
            }
        });
    }


</script>
{% endblock %}

{% block content %}
<!-- Header ends -->

<main class="h-100">
    <!-- main page content -->
    <div class="main-container container">

        <div class="d-flex justify-content-center">
            <div class="row mb-3 mt-4 mb-5">
                <div class="col">
                    <h2>Pilih Antrian</h2>
                    <small><p id="autowaktusekarang"></p></small>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-center">
            <div class="row mt-4">
                <div class="col-5 mb-2">
                    <a href="/pemeriksaan/mesin-antrian" class="btn btn-primary"
                       style="width: 300px; height: 300px; font-size: 50px;display: flex;
  align-items: center;
  justify-content: center;">UMUM</a>
                </div>
                <div class="col-2 mb-2">
                    &nbsp;
                </div>
                <div class="col-5 mb-2">
                    <a href="/pemeriksaan/mesin-antrian-bpjs" class="btn btn-success text-light" style="width: 300px; height: 300px; font-size: 50px; display: flex;
  align-items: center;
  justify-content: center;">BPJS</a>
                </div>
            </div>
        </div>

    </div>
</main>
{% endblock %}