@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">ID</th>
                    <th width="200px">参数</th>
                    <th>值</th>
                </tr>
                </thead>
                <tr>
                    <td>1</td>
                    <td>本机ID</td>
                    <td>
                        <div class="form-group">
                            <input type="number" min="1" id="wtsetting-id">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>组呼保持时间 [毫秒]</td>
                    <td>
                        <input type="number" value="1500" id="wtsetting-group-time" min="0">
                    </td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>个呼保持时间 [毫秒]</td>
                    <td>
                        <div class="form-group">
                            <input type="number" value="1500" id="wtsetting-single-time" min="0">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>写完频ID自动加1</td>
                    <td>
                        <div class="form-group">
                            <input type="checkbox" id="wtsetting-add1">
                        </div>
                    </td>
                </tr>
            </table>

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

@section('js')
    <script>
        $(function () {
            $('#nav-item-4').addClass('active');
        })
        $(document).off('click', '#wtsetting-update').on('click', '#wtsetting-update', function () {
           let id = $("#wtsetting-id").val();
           let group_time = $("#wtsetting-group-time").val();
           let single_time = $("#wtsetting-single-time").val();
           let auto_add = $("#wtsetting-add1").prop('checked');
           var data = id + "," + group_time + "," + single_time + "," + auto_add;
        });

        const getBaseInfo = () => {
            $.post('/firmware/api/walkie-talkie/getBaseInfo', {freq_id:freqID}, function (res) {
                var data =res.data;
                if (res.status == 0) {
                    $('#wtsetting-id').val(data.LocalIDDM)
                }
            })
        }

        getBaseInfo()
    </script>
@endsection