@extends('firmware.layout.layout')

@section('title', '数字信道|通信信息')
@section('keywords', '数字信道|通信信息')
@section('description', '数字信道|通信信息')

@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;
        }
        .edit-button {
            margin-right: 5px;
        }
    </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>#</th>
                    <th>信道别名</th>
                    <th width="180px">操作</th>
                </tr>
                </thead>
                <tbody id="channel-list-box">

                </tbody>
            </table>
        </div>

        <div style="text-align: right;padding-bottom: 50px;">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add-digit" id="add-digit-button">新增</button>
        </div>
    </div>

{{--    新增 --}}
    <div class="modal fade" id="add-digit" tabindex="-2" role="dialog" aria-labelledby="example">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id=>新增数字信道</h4>
{{--                    <h5 style="color: red">（{{__('frontend.当前操作设备ID')}}：<span id="cu-device-id"></span>）</h5>--}}
                </div>
                <div class="modal-body">
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="channelName">信道别名</label>
                            <input type="text" class="form-control" id="channelName" placeholder="信道别名">
                        </div>
                        <div class="form-group">
                            <label for="repeater">中继器/时隙</label>
                            <select class="form-control" id="repeater">
                                <option value="0">时隙1</option>
                                <option value="1">时隙2</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="scanList">扫描列表</label>
                            <select class="form-control" id="scanList">

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="rxcc">接收色码</label>
                            <select class="form-control" id="rxcc">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="txcc">发射色码</label>
                            <select class="form-control" id="txcc">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-body-1">
{{--                        <div>--}}
{{--                            <label class="checkbox-inline">--}}
{{--                                <input type="checkbox" id="jsOnly"> 只接收--}}
{{--                            </label>--}}
{{--                        </div>--}}
                        <div>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="doubleModel"> TDMA直通
                            </label>
                        </div>
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="jsFreq">接收频率(MHz)</label>
                            <input type="text" class="form-control" id="jsFreq" placeholder="接收频率(MHz)" value="">
                        </div>
                        <div class="form-group">
                            <label for="groupList">接收组列表</label>
                            <select class="form-control" id="groupList">
                                <option>无</option>
                            </select>
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="pianyi">偏移(MHz)</label>--}}
{{--                            <input type="text" class="form-control" id="pianyi" placeholder="偏移(MHz)" value="">--}}
{{--                        </div>--}}
                        <div class="form-group pianyi-button ">
                            <button class="btn btn-default" id="py-btn">偏移</button>
                        </div>
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="jmVoice">语音加密</label>
                            <select class="form-control" id="jmVoice">
                                <option>无</option>
                            </select>
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="bjSystem">紧急报警系统</label>--}}
{{--                            <select class="form-control" id="bjSystem">--}}
{{--                                <option>无</option>--}}
{{--                                <option>紧急报警系统</option>--}}
{{--                            </select>--}}
{{--                        </div>--}}
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="fsFreq">发射频率(MHz)</label>
                            <input type="text" class="form-control" id="fsFreq" placeholder="发射频率(MHz)" value="">
                        </div>
                        <div class="form-group">
                            <label for="fsContacts">发射默认联系人</label>
                            <select class="form-control" id="fsContacts">

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="fsPower">发射功率</label>
                            <select class="form-control" id="fsPower">
                                <option value="0">低功率</option>
                                <option value="1">高功率</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="fsPermissions">发射权限</label>
                            <select class="form-control" id="fsPermissions">
                                <option value="0">非礼貌发射</option>
                                <option value="1">礼貌发射</option>
                            </select>
                        </div>
                    </div>
{{--                    <div class="modal-body-1">--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableTime">超时禁发时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableTime"  value="180" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableWarningTime">超时禁发预警时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableWarningTime"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disablePressTime">超时禁发再按键时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disablePressTime"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableResetTime">超时禁发复位时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableResetTime"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                    </div>--}}

                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="zonenum">区域编号</label>
                            <input type="number" class="form-control" id="zonenum"  value="">
                        </div>
                        <div class="form-group">
                            <label for="chnum">信道编号</label>
                            <input type="number" class="form-control" id="chnum"  value="">
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="chpolite">礼貌方式</label>--}}
{{--                            <input type="number" class="form-control" id="chpolite"  value="">--}}
{{--                        </div>--}}
                    </div>

                    <div style="text-align: right">
                        <button class="btn btn-success" id="save-btn">保存</button>
                    </div>

            {{--         body end           --}}
                </div>

            </div>
        </div>
    </div>

{{--    编辑--}}
    <div class="modal fade" id="edit-digit" tabindex="-2" role="dialog" aria-labelledby="example2">
        <div class="hide" id="index-item"></div>
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">更新数字信道</h4>
                    {{--                    <h5 style="color: red">（{{__('frontend.当前操作设备ID')}}：<span id="cu-device-id"></span>）</h5>--}}
                </div>
                <div class="modal-body">
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="channelNameUpdate">信道别名</label>
                            <input type="text" class="form-control" id="channelNameUpdate" placeholder="信道别名">
                        </div>
                        <div class="form-group">
                            <label for="repeaterUpdate">中继器/时隙</label>
                            <select class="form-control" id="repeaterUpdate">
                                <option value="0">时隙1</option>
                                <option value="1">时隙2</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="scanListUpdate">扫描列表</label>
                            <select class="form-control" id="scanListUpdate">
                                <option>1</option>
                                <option>2</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="rxccUpdate">接收色码</label>
                            <select class="form-control" id="rxccUpdate">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="txccUpdate">发射色码</label>
                            <select class="form-control" id="txccUpdate">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                            </select>
                        </div>
                    </div>
                    <div class="modal-body-1">
{{--                        <div>--}}
{{--                            <label class="checkbox-inline">--}}
{{--                                <input type="checkbox" id="jsOnlyUpdate"> 只接收--}}
{{--                            </label>--}}
{{--                        </div>--}}
                        <div>
                            <label class="checkbox-inline">
                                <input type="checkbox" id="doubleModelUpdate"> TDMA直通
                            </label>
                        </div>
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="jsFreqUpdate">接收频率(MHz)</label>
                            <input type="text" class="form-control" id="jsFreqUpdate" placeholder="接收频率(MHz)" value="">
                        </div>
                        <div class="form-group">
                            <label for="groupListUpdate">接收组列表</label>
                            <select class="form-control" id="groupListUpdate">

                            </select>
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="pianyiUpdate">偏移(MHz)</label>--}}
{{--                            <input type="text" class="form-control" id="pianyiUpdate" placeholder="偏移(MHz)" value="">--}}
{{--                        </div>--}}
                        <div class="form-group pianyi-button ">
                            <button class="btn btn-default" id="pyUpdate-btn">偏移</button>
                        </div>
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="jmVoiceUpdate">语音加密</label>
                            <select class="form-control" id="jmVoiceUpdate">
                                <option>无</option>
                            </select>
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="bjSystemUpdate">紧急报警系统</label>--}}
{{--                            <select class="form-control" id="bjSystemUpdate">--}}
{{--                                <option>无</option>--}}
{{--                                <option>紧急报警系统</option>--}}
{{--                            </select>--}}
{{--                        </div>--}}
                    </div>

                    <div class="tab-label">
                        <hr />
                    </div>
                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="fsFreqUpdate">发射频率(MHz)</label>
                            <input type="text" class="form-control" id="fsFreqUpdate" placeholder="发射频率(MHz)" value="">
                        </div>
                        <div class="form-group">
                            <label for="fsContactsUpdate">发射默认联系人</label>
                            <select class="form-control" id="fsContactsUpdate">

                            </select>
                        </div>
                        <div class="form-group">
                            <label for="fsPowerUpdate">发射功率</label>
                            <select class="form-control" id="fsPowerUpdate">
                                <option value="0">低功率</option>
                                <option value="1">高功率</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="fsPermissionsUpdate">发射权限</label>
                            <select class="form-control" id="fsPermissionsUpdate">
                                <option value="0">非礼貌发射</option>
                                <option value="1">礼貌发射</option>
                            </select>
                        </div>
                    </div>
{{--                    <div class="modal-body-1">--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableTimeUpdate">超时禁发时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableTimeUpdate"  value="180" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableWarningTimeUpdate">超时禁发预警时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableWarningTimeUpdate"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disablePressTimeUpdate">超时禁发再按键时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disablePressTimeUpdate"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label for="disableResetTimeUpdate">超时禁发复位时间(秒)</label>--}}
{{--                            <input type="number" class="form-control" id="disableResetTimeUpdate"  value="0" min="0">--}}
{{--                        </div>--}}
{{--                    </div>--}}

                    <div class="modal-body-1">
                        <div class="form-group">
                            <label for="zonenumUpdate">区域编号</label>
                            <input type="number" class="form-control" id="zonenumUpdate"  value="">
                        </div>
                        <div class="form-group">
                            <label for="chnumUpdate">信道编号</label>
                            <input type="number" class="form-control" id="chnumUpdate"  value="">
                        </div>
{{--                        <div class="form-group">--}}
{{--                            <label for="chpoliteUpdate">礼貌方式</label>--}}
{{--                            <input type="number" class="form-control" id="chpoliteUpdate"  value="">--}}
{{--                        </div>--}}
                    </div>

                    <div style="text-align: right;    margin-bottom: 2px;">
                        <button class="btn btn-success" id="save-data-btn">保存</button>
                    </div>

                    {{--         body end           --}}
                </div>

            </div>
        </div>
    </div>
@endsection


@section('js')
    <script>
        $(function () {
            let scanList = [];
            let contac_list = [];
            let channel_list = [];
            let receive_group_list = [];
            const getChannelList = (channel_type) => {
                $.post('/firmware/api/cc/getChannelList', {channel_type:channel_type, freq_id:freqID}, function (res) {
                    if (res.status == 0) {
                        channel_list = res.data.channel_list;
                        scanList = res.data.scan_list
                        contac_list = res.data.contac_list
                        receive_group_list = res.data.receive_group_list

                        var html = ''
                        channel_list.forEach( function (v, k) {
                            channel_list[k].ChnName = decodeURI(v.ChnName).replace('+', ' ')
                            if (v.ChMode == 1) {
                                html += '<tr data-channel-index="'+k+'" data-channel-id="'+v.ChnID+'">';
                                html += '<td>'+(k+1)+'</td>'
                                html += '<td>'+decodeURI(v.ChnName).replace('+', ' ')+'</td>'
                                html += '<td>'
                                html += '<button class="btn btn-primary edit-button">编辑</button>'
                                html += '<button class="btn btn-danger delete-button">删除</button>'
                                html += '</td>'
                                html += '</tr>'
                            }
                        })
                        $('#channel-list-box').empty().append(html)

                        //扫描列表
                        var scanHtml = '<option value="-1" selected>无</option>'
                        scanList.forEach(function (v, k) {
                            scanList[k].ScanListName = decodeURI(v.ScanListName).replace('+', ' ')
                            scanHtml += '<option value="'+k+'">'+decodeURI(v.ScanListName).replace('+', ' ')+'</option>'
                        })
                        $('#scanList').empty().append(scanHtml)
                        $('#scanListUpdate').empty().append(scanHtml)
                        //联系人列表
                        var contacHtml =  '<option value="-1" selected>无</option>'
                        contac_list.forEach(function (v, k) {
                            contac_list[k].ContactName = decodeURI(v.ContactName).replace('+', ' ')
                            contacHtml += '<option value="'+v.CallNum+'">'+decodeURI(v.ContactName).replace('+', ' ')+'</option>'
                        })
                        $('#fsContacts').empty().append(contacHtml)
                        $('#fsContactsUpdate').empty().append(contacHtml)

                    //    接收组列表
                        var groupHtml = '<option value="-1" selected>无</option>'
                        receive_group_list.forEach(function (v, k) {
                            receive_group_list[k].GroupName = decodeURI(v.GroupName).replace('+', ' ')
                            groupHtml += '<option value="'+k+'">'+decodeURI(v.GroupName).replace('+', ' ')+'</option>'
                        })

                        $('#groupList').empty().append(groupHtml)
                        $('#groupListUpdate').empty().append(groupHtml)
                    } else {
                        swal('提示', res.mesg, 'error')
                    }
                })
            }

            //获取信道列表
            getChannelList(0);


            //偏移
            $(document).off('click', '#pyUpdate-btn').on('click', '#pyUpdate-btn', function () {
                $('#fsFreqUpdate').val($('#jsFreqUpdate').val())
            })
            $(document).off('click', '#py-btn').on('click', '#py-btn', function () {
                $('#fsFreq').val($('#jsFreq').val())
            })

            //编辑
            $(document).off('click', '.edit-button').on('click', '.edit-button',function () {
                var channel_id = $(this).parent().parent().attr('data-channel-id')
                var channel_index = $(this).parent().parent().attr('data-channel-index')

                var channel_data = channel_list[channel_index];

                $('#index-item').text(channel_index)
                $('#channelNameUpdate').val(decodeURI(channel_data.ChnName).replace('+', ' '))
                $('#jsFreqUpdate').val(channel_data.RcvFreq)
                $('#fsFreqUpdate').val(channel_data.SendFreg)
                $('#chnumUpdate').val(channel_data.ChnID)
                $('#fsPermissionsUpdate').val(channel_data.PoliteType)
                $('#doubleModelUpdate').prop('checked', parseFloat(channel_data.TDMA));
                $('#rxccUpdate').val(channel_data.RxCC)
                $('#txccUpdate').val(channel_data.TxCC)
                $('#repeaterUpdate').val(channel_data.Chan_Slot)
                $('#fsPowerUpdate').val(channel_data.PALevel)
                $('#groupListUpdate').val(channel_data.RcvGroupList)
                $('#scanListUpdate').val(channel_data.ScanList)
                $('#fsContactsUpdate').val(channel_data.CallID)

                console.log(channel_data)

                $('#edit-digit').modal('show')
            })

            //删除
            $(document).off('click', '.delete-button').on('click', '.delete-button',function () {
                var channel_id = $(this).parent().parent().attr('data-channel-id')
                console.log(channel_id)
            })
            //保存修改
            $(document).off('click', '#save-data-btn').on('click', '#save-data-btn', function () {
                var channel_index = $('#index-item').text()
                var channel_data = channel_list[channel_index];

                channel_data.ChnName = $('#channelNameUpdate').val() == null ? '' : $('#channelNameUpdate').val()
                channel_data.RcvFreq =$('#jsFreqUpdate').val()
                channel_data.SendFreg =$('#fsFreqUpdate').val()
                channel_data.ChnID =$('#chnumUpdate').val()
                channel_data.PoliteType =$('#fsPermissionsUpdate').val()
                channel_data.TDMA =$('#doubleModelUpdate').is(':checked') === true ? 1 : 0
                channel_data.RxCC =$('#rxccUpdate').val()
                channel_data.TxCC =$('#txccUpdate').val()
                channel_data.Chan_Slot =$('#repeaterUpdate').val()
                channel_data.PALevel =$('#fsPowerUpdate').val()
                channel_data.RcvGroupList =$('#groupListUpdate').val()
                channel_data.ScanList =$('#scanListUpdate').val()
                channel_data.CallID =($('#fsContactsUpdate').val() == null || $('#fsContactsUpdate').val() == -1)? '0' : $('#fsContactsUpdate').val()

                saveData({ReadChannelInfo: channel_list})
            })

            //新增保存
            $(document).off('click', '#save-btn').on('click', '#save-btn', function () {
                var channel_index = channel_list.length;

                var new_data = {
                    ChnName:$('#channelName').val() == null ? '' : $('#channelName').val(),
                    RcvFreq:$('#jsFreq').val(),
                    SendFreg:$('#fsFreq').val(),
                    ChnID:$('#chnum').val(),
                    PoliteType:$('#fsPermissions').val(),
                    TDMA:$('#doubleModel').is(':checked') === true ? '1' : '0',
                    RxCC:$('#rxcc').val(),
                    TxCC:$('#txcc').val(),
                    Chan_Slot:$('#repeater').val(),
                    PALevel:$('#fsPower').val(),
                    RcvGroupList:($('#groupList').val() == -1 || $('#groupList').val() == null) ? '0' : $('#groupList').val(),
                    ScanList: ($('#scanList').val() == -1 || $('#scanList').val() == null) ? '0' : $('#scanList').val(),
                    CallID: ($('#fsContacts').val() == null || $('#fsContacts').val() == -1)? '0' : $('#fsContacts').val(),

                    AES_EncryptList:'0',
                    ARC4_EncryptList:'0',
                    AutoScan:'0',
                    BandWidth:'0',
                    ChanRxOnly:'0',
                    DTMFEnable:'0',
                    EncryptList:'0',
                    EnterPlus:'0',
                    Repeat:'0',
                    RxCdcss:'0',
                    RxCtcss:'0',
                    RxPoliteType:'0',
                    RxToneState:'0',
                    SQMode:'0',
                    SRFFlag:'0',
                    SignelAck:'0',
                    TxCdcss:'0',
                    TxCtcss:'0',
                    TxToneState:'0',
                    VOX:'0',
                    isEncrypt:'0',
                    isRMOJH:'0',
                    isScanEnable:'0',
                }

                channel_list[channel_index] = new_data

                saveData({ReadChannelInfo: channel_list})

                console.log(channel_list)
            })

            const saveData = (data) => {
                $.post('/firmware/api/saveData', {data: data, freq_id: freqID}, function (res) {
                    console.log(res)
                    if (res.status == 1) {
                        $('#edit-digit').modal('hide')
                    } else {
                        swal('提示', res.mesg, 'error');
                    }
                })
            }

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