kokjan/frontend/views/onlinequeue/index.php

<?php
use kartik\date\DatePicker;
use kartik\datetime\DateTimePicker;
use yii\captcha\Captcha;
use yii\helpers\Html;
use yii\helpers\Url;
use yii\bootstrap4\ActiveForm;
use yii\widgets\MaskedInput;
$this->title = 'แจ้งระบบคิวการให้บริการ';
$this->params['breadcrumbs'][] = $this->title;
?>
<!-- css -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">

<div class="card shadow">
    <div class="card-body">

        <h5 class="text-center">ท่านสามารถแจ้ง<?= $this->title ?> ถึง <?= Yii::$app->params['org_name_th'] ?>ได้โดย</h5>

        <style>
            .link-a a {
                color: #3d9970;
            }

            .link-a a:hover {
                color: #007bff;
            }
            .link-a li{
                list-style: list;
            }
        </style>

        <ol class="link-a">
            <li><?= $this->title ?>ถึง <?= Yii::$app->params['org_name_th'] ?> <?= Yii::$app->params['org_place2'] ?></li>
            <li>ส่งเรื่อง<?= $this->title ?> มายัง Facebook <?=Html::a(Yii::$app->params['org_name_th'], Yii::$app->params['org_face'])?></li>
            <li>ทางโทรศัพท์  <?= Yii::$app->params['org_phone'] ?> (วันและเวลาราชการ 08.30 - 16.30 น.)</li>
            <li>ผ่านทางเว็บไซต์ของ<?=Html::a(Yii::$app->params['org_name_th'], Yii::$app->params['org_web'])?> โดยกรอกข้อมูลในแบบฟอร์มด้านล่าง</li>
        </ol>

        <?php $form = ActiveForm::begin(); ?>
        <?= $form->errorSummary($model)?>

        <div class="row">
            <div class="col-md-2"><?= $form->field($model, 'title')->dropDownList(['นาย' => 'นาย', 'นาง' => 'นาง', 'นางสาว' => 'นางสาว', 'อื่นๆ' => 'อื่นๆ']) ?></div>
            <div class="col-md-5"><?= $form->field($model, 'name') ?></div>
            <div class="col-md-5">
                <?= $form->field($model, 'id_card')->widget(
                    MaskedInput::class, [
                    'mask' => '9-9999-99999-99-9'

                ]) ?>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <?= $form->field($model, 'tel')->widget(MaskedInput::class, [
                    'mask' => '999-999-9999'
                ]) ?>
            </div>
        </div>


        <div class="row">
            <div class="col-md-3"><?= $form->field($model, 'qdate')->widget(DatePicker::class, [
                    'name' => 'bdate',
                    'options' => ['placeholder' => 'วัน/เดือน/ปี'],
                    'pluginOptions' => [
                        'language' => 'th',
                        'autoclose' => true,
                        'format' => 'yyyy-mm-dd'
                    ]
                ]) ?></div>
            <!--
            <div class="col-md-3"><?= $form->field($model, 'qtime')->dropDownList([
                    1 => '9.00 - 10.00',
                    2 => '10.00 - 11.00',
                    3 => '13.00 - 14.00',
                    4 => '14.00 - 15.00'],
                    ['prompt'=>'เลือกเวลาในการรับบริการ']

                ) ?></div>
                -->
        </div>


        <div class="row">
        <div class="col-md-4"><?= $form->field($model, 'topic')->dropDownList([
                1 => 'ด้านสาธารณภัย',
                2 => 'ด้านการส่งเสริมและพัฒนาคุณภาพชีวิต (ที่อยู่อาศัย/ด้านทุนการศึกษา/ด้านการช่วยเหลือรับส่งผู้ป่วยไปโรงพยาบาล)',
                3 => 'ด้านการป้องกันและควบคุมโรคติดต่อ',
                4 => 'งานจัดเก็บรายได้ การจัดเก็บภาษี ค่าธรรมเนียม',
                5 =>'ด้านอื่นๆ']) ?></div>
        </div>

        <?= $form->field($model, 'description')->textarea(['rows' => 6]) ?>

        <?= $form->field($model, 'process')->radioList([1 => 'ยอมรับ']) ?>



        <?= $form->field($model, 'verifyCode')->label(false)->widget(Captcha::className(), [
            'template' => '<div class="row"><div class="col-lg-2">{image}</div><div class="col-lg-6">{input}</div></div>',
        ]) ?>


        <div class="form-group" style="text-align: center">
            <?= Html::submitButton('<span class="fa fa-save"></span> ส่งข้อมูล', ['class' => 'btn btn-success']) ?>
        </div>

        <?php ActiveForm::end(); ?>

        <!--
        <?/*
        $this->registerJs("
        $(\"#".Html::getInputId($model, 'qtime')."\").on('change', function() {
            var dd = $(\"#".Html::getInputId($model, 'qdate')."\").val();
            var dt = $(\"#".Html::getInputId($model, 'qtime')."\").val();
          $.post(\"". Url::to(['get-count'])."\", 
          {
            date: dd,
            time: dt
          },
          function(data, status){
            alert(data);
          });
        });
        ");
        */?>
        -->
    </div>
</div>