<div class="page" id="main">
        <div class="page-content">
            <div class="row text-center">
                <div class="col-4 col-md-4 col-sm-4">
                    <button @click="enterWork()" type="button" class="btn btn-primary" style="float: left;">
                        <i class="icon md-long-arrow-right m-r-10" aria-hidden="true"></i> GİRİŞ QEYDİYYATI
                    </button>
                </div>
                <div class="col-4 col-md-4 col-sm-4" style="text-align: center;">
                    <button type="button" class="btn btn-primary">
                        <i class="icon md-volume-up m-r-10" aria-hidden="true"></i>
                    </button>
                </div>
                <div class="col-4 col-md-4 col-sm-4">
                    <button @click="exitWork()" type="button" class="btn btn-primary" style="float: right;">
                        <i class="icon md-long-arrow-left m-r-10" aria-hidden="true"></i> ÇIXIŞ QEYDİYYATI
                    </button>
                </div>
            </div>
            <div class="documents-wrap categories" data-plugin="animateList" data-child="li">
                <ul class="blocks blocks-100 blocks-xxl-4 blocks-lg-3 blocks-sm-2" data-plugin="matchHeight">
                    <li>
                        <router-link tag="div" class="category" :to="{name: 'reception.queue_with_document_number'}">
                            <div class="icon-wrap">
                                <i class="icon md-assignment-account" aria-hidden="true"></i>
                            </div>
                            <h4>Şəxsiyyət vəsiqəsi ilə növbə</h4>
                            <p>Şəxsiyyət vəsiqəsinin seriya nömrəsini daxil edərək növbə verilməsi</p>
                        </router-link>
                    </li>
                    <li>
                        <router-link tag="div" class="category" :to="{name: 'reception.queue_with_document_number'}">
                            <div class="icon-wrap">
                                <i class="icon md-assignment-account" aria-hidden="true"></i>
                            </div>
                            <h4>Kod ilə növbə</h4>
                            <p>Növbə bileti üzərində qeyd edilmiş HSK (hazır sənəd kodu) ilə növbə verilməsi</p>
                        </router-link>
                    </li>
                    <li>
                        <router-link tag="div" class="category" :to="{name: 'reception.queue_with_document_number'}">
                            <div class="icon-wrap">
                                <i class="icon md-assignment-account" aria-hidden="true"></i>
                            </div>
                            <h4>Onlayn kod ilə növbə</h4>
                            <p>Sayt vasitəsilə götürülmüş onlayn növbə kodu ilə növbə verilməsi</p>
                        </router-link>
                    </li>
                </ul>
            </div>
        </div>
    </div>