kokjan/frontend/views/file/index.php

<?php
/* @var $this yii\web\View */

use common\models\CmsFile;
use common\models\CmsFileCategory;
use yii\data\ActiveDataProvider;
use yii\helpers\Html;
use yii\widgets\ListView;

$this->title = 'บริการประชาชน (E-Service)';
$this->params['breadcrumbs'][] = $this->title;

?>
<div class="row">
    <div class="col-9">
        <div class="tab-content" id="v-pills-tabContent">
            <?php
            $i = 1;
            foreach (CmsFileCategory::find()->all() as $category) {
                ?>
                <div class="tab-pane fade <?= $i == 1 ? ' show active' : '' ?>"
                     id="v-pills-tab<?= $category->id ?>" role="tabpanel"
                     aria-labelledby="v-pills-tab<?= $category->id ?>-tab">
                    <h5><?= $category->name ?></h5>
                    <?= ListView::widget([
                        'dataProvider' => new ActiveDataProvider([
                            'query' => CmsFile::find()->where(['cms_file_category_id' => $category->id]),
                            'sort' => [
                                'defaultOrder' => [
                                    'id' => SORT_DESC
                                ]
                            ],
                            'pagination' => [
                                'pageSize' => 50
                            ]
                        ]),
                        'summary' => false,
                        'itemView' => '_file',
                        'options' => [
                            'class' => 'list-view',
                            'tag' => 'ul',
                        ],
                        'itemOptions' => [
                            'tag' => 'li',
                        ]
                    ]) ?>
                </div>
                <?php
                $i++;
            } ?>

        </div>
    </div>
    <div class="col-3">
        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
             aria-orientation="vertical">
            <?php
            $i = 1;
            foreach (CmsFileCategory::find()->all() as $category) {
                ?>
                <a class="nav-link <?= $i == 1 ? 'active' : '' ?>"
                   id="v-pills-tabtab<?= $category->id ?>-tab" data-toggle="pill"
                   href="#v-pills-tab<?= $category->id ?>" role="tab"
                   aria-controls="v-pills-tab<?= $category->id ?>"
                   aria-selected="true"><?= $category->name ?></a>
                <?php
                $i++;
            } ?>

        </div>
    </div>

</div>

<div class="container">
    <div class="row my-3">
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h4 class="text-center text-black-50"><?= Html::img(Yii::getAlias('@web') . '/img/icons/013-megaphone.png', ['class' => 'img-fluid', 'width' => 64]) ?> <?= Html::a('ช่องทางร้องเรียน', ['/complaint/index']) ?></h4>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h4 class="text-center text-black-50"><?= Html::img(Yii::getAlias('@web') . '/img/icons/037-business.png', ['class' => 'img-fluid', 'width' => 64]) ?> <?= Html::a('ร้องเรียนทุจริต', ['/corrupt/index']) ?></h4>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h4 class="text-center text-black-50"><?= Html::img(Yii::getAlias('@web') . '/img/icons/044-chat box.png', ['class' => 'img-fluid', 'width' => 64]) ?> <?= Html::a('คำถาม-คำตอบ', ['/forum/index', 'id' => 2]) ?></h4>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- new -->

<div class="container">
    <div class="row my-3">
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/teamwork.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('แบบคำร้องขอรับความช่วยเหลือสำหรับประชาชน', ['/generalhelp/index']) ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/man.png', ['class' => 'img-fluid', 'width' => 85]) ?>
                        <br> <?= Html::a('แบบฟอร์มการร้องเรียนบุคลากร', ['/personalreport/index']) ?></h3>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/old.png', ['class' => 'img-fluid', 'width' => 80]) ?>
                        <br> <?= Html::a('แบบคำร้องเบี้ยยังชีพผู้สูงอายุ', ['/oldage/index']) ?></h3>
                </div>
            </div>
        </div>

    </div>
</div>

<div class="container">
    <div class="row my-3">
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/storage-tank.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('แบบคำร้องขอความอนุเคราะห์<br>น้ำเพื่ออุปโภคบริโภค', ['/usewater/index']) ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/street-lamp.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('แบบคำร้องขอซ่อมไฟฟ้า/<br>ไฟสาธารณะ', ['/electric/index']) ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 20px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/recycle-bin.png', ['class' => 'img-fluid', 'width' => 85]) ?>
                        <br> <?= Html::a('แบบคำร้องขอรับบริการถังขยะ', ['/getbin/index']) ?>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row my-3">
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 19px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/children.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('ระบบตรวจสอบสถานะสิทธิโครงการเงินอุดหนุนเพื่อการเลี้ยงดูเด็กแรกเกิด', 'https://csgcheck.dcy.go.th/public/eq/popSubsidy.do?ms=158953') ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 19px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/wheelchair.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('แบบคำขอขึ้นทะเบียน <br> รับเงินเบี้ยความพิการ', ['/handicapped/index']) ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 19px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/voting.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('ระบบคิวการให้บริการ', ['/onlinequeue/index']) ?></h3>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row my-3">
        <div class="col-md-4">
            <div class="card shadow">
                <div class="card-body text-center text-black-50">
                    <h3 class="text-center text-black-50" style="font-size: 19px"><?= Html::img(Yii::getAlias('@web') . '/img/eservice/advertisement.png', ['class' => 'img-fluid', 'width' => 64]) ?>
                        <br> <?= Html::a('แจ้งเบาะแสป้ายโฆษณาหรือสิ่งอื่นใดที่รุกล้ำทางสาธารณะที่ไม่ชอบด้วยกฎหมาย', ['/banner-report/index']) ?></h3>
                </div>
            </div>
        </div>
        <div class="col-md-4">

        </div>
        <div class="col-md-4">

        </div>
    </div>
</div>