{template 'public/header'}
{template 'public/comhead'}
<style>
     .item_box img{
         width: 100%;
         height: 100%;
     }
</style>
<script type="text/javascript">
    $(function(){
        $(':radio[name="print_status"]').click(function(){
            if(this.checked) {
                if($(this).val() == '1') {
                    $('.sms').show();
                } else {
                    $('.sms').hide();
                }
            }
        });
    });
</script>
{if $operation == 'display'}
<div class="main">
    <input type="hidden" name="storeid" value="{$storeid}" />
    <div class="panel panel-default">
        <div class="panel-body">
            <a class="btn btn-success" href="{php echo $this->createWebUrl('speaker', array('op' => 'post', 'storeid' => $storeid))}"><i class="fa fa-plus"></i>添加云喇叭</a>
        </div>
    </div>
    <form action="" method="post" class="form-horizontal form">
        <div class="panel panel-default">
            <div class="table-responsive panel-body">
                <table class="table table-hover">
                    <thead class="navbar-inner">
                    <tr>
                        <th style="width:13%;">(ID)喇叭名称</th>
                        <th style="width:15%;">设备编码</th>
                        <th style="width:10%;">状态</th>
                        <th style="width:10%; text-align:right;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {loop $list $item}
                    <tr>
                        <td>({$item['id']}){$item['title']}</td>
                        <td>{$item['sn']}</td>
                        <td>
                            {if $item['status'] == 1}
                            <span class="label label-success">开启</span>
                            {else}
                            <span class="label label-danger">关闭</span>
                            {/if}
                        </td>
                        <td style="text-align:right;">
                            <a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('speaker', array('op' => 'post', 'id' => $item['id'], 'storeid' => $storeid))}" title="查看订单">改</a>
                            <a class="btn btn-default btn-sm" href="{php echo $this->createWebUrl('speaker', array('op' => 'delete', 'id' => $item['id'], 'storeid' => $storeid))}" title="删除" onclick="return confirm('此操作不可恢复，确认删除？');return false;">删</a>
                        </td>
                    </tr>
                    {/loop}
                    </tbody>
                </table>
                {$pager}
            </div>
        </div>
    </form>
</div>
{elseif $operation == 'post'}
<link rel="stylesheet" href="{$_W['siteroot']}addons/weisrc_dish/public/web/css/awesome-bootstrap-checkbox.css">
<div class="main">
    <div class="panel panel-default">
        <div class="panel-body">
            <a class="btn btn-warning" href="{php echo $this->createWebUrl('speaker', array('op' => 'display', 'storeid' => $storeid))}">返回管理
            </a>
        </div>
    </div>
	<form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
	<input type="hidden" name="id" value="{$setting['id']}" />
        <div class="panel panel-default">
            <div class="panel-heading">
                云喇叭设置
            </div>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">状态</label>
                    <div class="col-sm-9">
                        <div class="radio radio-info radio-inline">
                            <input type="radio" id="status" value="1" name="status" {if $setting['status']==1}checked{/if}>
                            <label for="status"> 开启 </label>
                        </div>
                        <div class="radio radio-info radio-inline">
                            <input type="radio" id="status2" value="0" name="status" {if $setting['status']==0 || empty($setting)}checked{/if}>
                            <label for="status2"> 关闭 </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">名称</label>
                    <div class="col-sm-9">
                        <input type="text" name="title" class="form-control" value="{$setting['title']}" />
                    </div>
                </div>
                <div class="form-group" id="print_code">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">设备编码sn</label>
                    <div class="col-sm-9">
                        <input type="text" name="sn" class="form-control" value="{$setting['sn']}" placeholder="设备编码sn"/>
                    </div>
                </div>
                <div class="form-group" id="api_key">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">声音大小</label>
                    <div class="col-sm-9">
                        <input type="text" name="vol" class="form-control" value="{$setting['vol']}" placeholder="音量"/>
                        <span class="help-block">指音量设置值，范围为 0 到 100，代表从无音到最大声</span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 control-label">声音速度</label>
                    <div class="col-sm-9">
                        <input type="text" name="speed" class="form-control" value="{$setting['speed']}" placeholder="声音速度"/>
                        <span class="help-block">语速，速度范围为0-100，默认为65</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12">
            <input type="submit" name="submit" value="保存设置" class="btn btn-primary col-lg-3" />
            <input type="hidden" name="token" value="{$_W['token']}" />
        </div>
	</form>
</div>
<script type="text/javascript">
    $(function(){
        "{if $setting}"
            "{if $setting['type']=='hongxin'}"
                $('#print_code').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
                $('#print_key').hide();
                $('#print_label').hide();
                $('#is_print_all').hide();
            "{/if}"
            "{if $setting['type']=='365' || $setting['type']=='365lbl'}"
                $('#print_code').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            "{/if}"
            "{if $setting['type']=='feie'}"
                $('#print_code').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
            "{/if}"
            "{if $setting['type']=='feiyin'}"
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            "{/if}"
            "{if $setting['type']=='yilianyun'}"
                $('#api_type').hide();
            "{/if}"
            "{if $setting['type']=='jinyun'}"
                $('#print_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            "{/if}"
            "{if $setting['type']=='jiabo'}"
                $('#api_type').hide();
                $('#print_key').hide();
                $('#yilian_type').hide();
            "{/if}"
            "{if $setting['type']=='xpyun'}"
                $('#api_type').hide();
                $('#print_key').hide();
                $('#yilian_type').hide();
            "{/if}"
        "{else}"
            $('#api_key').hide();
            $('#yilian_type').hide();
            $('#print_code').hide();
            $('#api_type').hide();
        "{/if}"
        $('#type').change(function(){
            $('#print_code').show();
            $('#print_key').show();
            $('#api_key').show();
            $('#yilian_type').show();
            $('#api_type').show();
            if($(this).val() == 'hongxin') {
                $('#print_code').hide();
                $('#print_key').hide();
                $('#print_label').hide();
                $('#is_print_all').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            }
            if($(this).val() == '365' || $(this).val() == '365lbl') {
                $('#print_code').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            }
            if ($(this).val() == 'feie') {
                $('#print_code').hide();
                $('#api_key').hide();
                $('#yilian_type').hide();
            }
            if($(this).val() == 'feiyin') {
                $('#api_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            }
            if($(this).val() == 'yilianyun') {
                $('#api_type').hide();
            }
            if($(this).val() == 'jinyun') {
                $('#print_key').hide();
                $('#yilian_type').hide();
                $('#api_type').hide();
            }
            if($(this).val() == 'jiabo') {
                $('#api_type').hide();
                $('#print_key').hide();
                $('#yilian_type').hide();
            }
            if($(this).val() == 'xpyun') {
                $('#api_type').hide();
                $('#print_key').hide();
                $('#yilian_type').hide();
            }
        });
        $("input:radio[name='is_print_all']").change(function(){
            if ($("input:radio[name='is_print_all']:checked").val() == 1) {
                $('#is_nums').hide();
            } else {
                $('#is_nums').show();
            }
        });
    });
</script>

{/if}
{template 'public/footer'}