{extends file=$smarty.current_dir|cat:'/../extends.tpl'}
{use class="yii\helpers\Url"}
{use class="yii\grid\GridView"}
{use class="app\assets\ConfigAsset"} 
{ConfigAsset::register($this)|void}
{block name='content'}
    <style>
        .input-group-addon{
            width: 100px;
            font-weight: bold;
        }
        .input-group{
            width: 100%;
        }
    </style>
    <div class="container-fluid">
        <br>
        <div class="row">
            <div class="col-md-8">
                <div class="mt-element-step">
                    <div class="row step-thin">
                        <div class="col-md-4 bg-grey mt-step-col">
                            <div class="mt-step-number bg-white font-grey">1</div>
                            <div class="mt-step-title uppercase font-grey-cascade" style="cursor: pointer;" onclick="window.location = '{Url::to(['/config/cau-hinh-thiet-bi'])}';">
                                {Yii::t("app", "CAU_HINH_THIET_BI")}
                            </div>
                            <div class="mt-step-content font-grey-cascade">{Yii::t("app", "DEVICE_CONFIG")}</div>
                        </div>
                        <div class="col-md-4 bg-grey mt-step-col active">
                            <div class="mt-step-number bg-white font-grey">2</div>
                            <div class="mt-step-title uppercase font-grey-cascade" style="cursor: pointer;" onclick="window.location = '{Url::to(['/config'])}';">
                                {Yii::t("app", "CAU_HINH_MAY_CHU")}
                            </div>
                            <div class="mt-step-content font-grey-cascade">{Yii::t("app", "SERVER_CONFIG")}</div>
                        </div>
                        <div class="col-md-4 bg-grey mt-step-col">
                            <div class="mt-step-number bg-white font-grey">3</div> 
                            <div class="mt-step-title uppercase font-grey-cascade" style="cursor: pointer;" onclick="window.location = '{Url::to(['/config/cau-hinh-nhan-dien'])}';">
                                {Yii::t("app", "CAU_HINH_NHAN_DIEN")}
                            </div>
                            <div class="mt-step-content font-grey-cascade">{Yii::t("app", "ENGINE_CONFIG")}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-4">
                <div class="form-group">
                    <div class="input-group">
                        <div class="input-group-addon">{Yii::t("app", "SERVER_MQTT")}</div>	
                        <input type="input" class="form-control" name="servermqtt" value="{$servermqtt}">	
                    </div>	
                </div>	
                <div class="form-group">	
                    <div class="input-group">	
                        <div class="input-group-addon">{Yii::t("app", "URL")}</div>	
                        <input type="input" class="form-control" name="url" value="{$url}">	
                    </div>
                </div>
                <div class="text-center">
                    <button class="btn btn-primary" onclick="saveStep1(this);" data-href="{Url::to(['/config/cau-hinh-may-chu'])}">
                        <i class="fa fa-floppy-o"></i> {Yii::t("app", "LUU_LAI")}
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}