@extends('firmware.layout.layout')

@section('title', '设置|整机基础设置')
@section('keywords', '设置|整机基础设置')
@section('description', '设置|整机基础设置')

<link rel="stylesheet" href="">
@section('css')
    <style>
        .modal-body {
            display: flex;
            flex-direction: column;
        }
        .modal-body-1 {
            display: flex;
            flex-wrap: wrap;
        }
        .modal-body-1 div {
            flex: 1;
            margin-right: 5px;
        }
        .tab-label {
            color: #337ab7;
            text-align: center;
            margin-top: 10px;
        }
        .pianyi-button {
            display: flex;
            /*justify-content: center;*/
            align-items: end;
        }
        .form-group {
            width: 250px;
        }
    </style>
@endsection


@section('content')
    <div class="layout-body">
        <div class="layout-header">
            <h4>设置|整机基础设置</h4>
        </div>
        <div class="layout-content">
            <table class="table table-hover table-striped">
                <thead>
                <tr>
                    <th width="200px">#</th>
                    <th width="200px">参数</th>
                    <th>值</th>
                </tr>
                </thead>
                <tr>
                    <td>1</td>
                    <td>省电等级</td>
                    <td>
                        <div class="form-group">
                            <select class="form-control" id="powerLevel">
                                <option>关闭</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>信道提示音等级</td>
                    <td>
                        <div class="form-group">
                            <select class="form-control" id="tipSoundLevle">
                                <option>关闭</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                                <option>10</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>当前系统语言</td>
                    <td>
                        <div class="form-group">
                            <select class="form-control" id="systemLanguage">
                                <option>中文</option>
                                <option>英文</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>静噪等级</td>
                    <td>
                        <div class="form-group">
                            <select class="form-control" id="noiseLevel">
                                <option>0</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
                                <option>8</option>
                                <option>9</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>5</td>
                    <td>读写频密码</td>
                    <td>
                        <div class="form-group">
                            <label class="checkbox-inline">
                                <input type="checkbox" id="usePassword" name="usePassword" value="1" >
                            </label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>6</td>
                    <td>读写密码</td>
                    <td>
                        <input type="password" class="form-control" id="rwPassword" placeholder="读写密码" style="width: 250px" >
                    </td>
                </tr>
                <tr>
                    <td>7</td>
                    <td>读写密码</td>
                    <td>
                        <input type="password" class="form-control" id="rwComPassword" placeholder="确认密码"  style="width: 250px" >
                    </td>
                </tr>

            </table>

            <div style="text-align: right;padding-bottom: 50px;">
                <button class="btn btn-success">保存</button>
            </div>
        </div>
    </div>
@endsection


@section('js')
    <script>
        $(function () {
            $('#usePassword').click(function () {
                checkUsePassword()
            })

            const  checkUsePassword = () => {
                var check = $('#usePassword').is(':checked')
                if (!check) {
                    $('#rwPassword').attr('disabled', 'disabled')
                    $('#rwComPassword').attr('disabled', 'disabled')
                } else {
                    $('#rwPassword').removeAttr('disabled')
                    $('#rwComPassword').removeAttr('disabled')
                }
            }

            checkUsePassword()

            $('#nav-item-3').addClass('active');
        })
    </script>
@endsection