@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css') }}"/>
@endsection

@section('page-content-wrapper')
    <div class="page-content-wrapper" id="main">
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <h3 class="page-title">
            @inject('setting','anlutro\LaravelSettings\Facade')
            {{ $setting::get('system_name','全方位建築智慧化管理系統') }} <small>{{ $setting::get('company_name','新保科技') }}</small>
            @inject('Setting','anlutro\LaravelSettings\SettingStore')
            </h3>
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('manage::index')}}">@lang('messages.homepage')</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{ route('manage::ba::sensor_index') }}">BA管理</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{ route('manage::ba::access_setting') }}">連線資訊設定</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN DASHBOARD STATS -->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <div class="table-toolbar">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="btn-group">
                                            <a id="btn_query" href="javascript:;" class="btn green">
                                            建立設定 <i class="fa fa-plus"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-striped table-bordered table-hover" id="table_access">
                                <thead>
                                    <tr>
                                        <th>
                                            流水號
                                        </th>
                                        <th>
                                            種類
                                        </th>
                                        <th>
                                            資料表名稱
                                        </th>
                                        <th>
                                            狀態
                                        </th>
                                        <th>
                                            動作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($table as $row)
                                    <tr class="odd gradeX">
                                        <td>
                                            {{$row->id}}
                                        </td>
                                        <td>
                                            @if($row->type == 'sensor')
                                                點位
                                            @elseif($row->type == 'category')
                                                分類
                                            @elseif($row->type == 'location')
                                                位置
                                            @elseif($row->type == 'record')
                                                Log(流水)
                                            @elseif($row->type == 'warning')
                                                Log(告警)
                                            @endif
                                        </td>
                                        <td>
                                            {{$row->table_name}}
                                        </td>
                                        <td>

                                        @if($row->status == 1)
                                            <span class="label label-sm label-success">啟用</span>
                                        @else
                                            <span class="label label-sm label-danger">未啟用</span>
                                        @endif
                                        </td>
                                        <td>
                                            <div class="btn-group">
                                                <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expand ed="false">
                                                @lang('messages.action') <i class="fa fa-angle-down"></i>
                                                </button>
                                                <ul class="dropdown-menu pull-right" role="menu">
                                                    <li>
                                                        <a class="btn_edit" uid="{{$row->id}}" access_type="{{$row->type}}" table_name="{{$row->table_name}}" href="javascript:;">
                                                        <i class="fa fa-pencil"></i>
                                                        編輯</a>
                                                    </li>
                                                    <li class="divider">
                                                    </li>
                                                    <li>
                                                        <a class="btn_del" uid="{{$row->id}}" href="javascript:;">
                                                        <i class="fa fa-trash-o"></i>
                                                        停用 </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
        </div>
    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
</div>

<div class="modal fade draggable-modal" id="modal_query" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">新增資料</h4>
            </div>
            <form id="form_query" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">類別<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <select name="type_id" id="type_id" class="form-control selectpicker" data-live-search="true">
                                    <option value="">未選擇</option>
                                    <option value="sensor">點位</option>
                                    <option value="category">分類</option>
                                    <option value="location">位置</option>
                                    <option value="record">Log(流水)</option>
                                    <option value="warning">Log(告警)</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="table" id="table" class="form-control" placeholder="請輸入資料表名稱">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade draggable-modal" id="modal_edit_sensor" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">編輯點位資料</h4>
            </div>
            <form id="form_edit_sensor" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="new_table_name" class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">標籤<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="sensor_tag" name="sensor_tag" class="form-control" placeholder="請輸入標籤">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="sensor_name" name="sensor_name" class="form-control" placeholder="請輸入名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">偵測器類型<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="monitor_type" name="monitor_type" class="form-control" placeholder="請輸入偵測器類型">
                                <!-- <select name="monitor_type" id="monitor_type" class="form-control selectpicker" data-live-search="true">
                                    <option value="">未選擇</option>
                                    <option value="0">數值類</option>
                                    <option value="1">告警類</option>
                                </select> -->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">數值上限<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="sensor_upper" name="sensor_upper" class="form-control" placeholder="請輸入數值上限">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">數值下限<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="sensor_lower" name="sensor_lower" class="form-control" placeholder="請輸入數值下限">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="type_id">
                    <input type="hidden" name="old_table_name">
                    <input type="hidden" name="table_id">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade draggable-modal" id="modal_edit_category" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">編輯分類資料</h4>
            </div>
            <form id="form_edit_category" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="new_table_name" class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">分類<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="category_name" name="category_name" class="form-control" placeholder="請輸入分類">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="type_id">
                    <input type="hidden" name="old_table_name">
                    <input type="hidden" name="table_id">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade draggable-modal" id="modal_edit_location" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">編輯位置資料</h4>
            </div>
            <form id="form_edit_location" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="new_table_name" class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">棟別<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="build_name" name="build_name" class="form-control" placeholder="請輸入棟別">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">樓別<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="floor_name" name="floor_name" class="form-control" placeholder="請輸入樓別">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">設備位置<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="location_name" name="location_name" class="form-control" placeholder="請輸入設備位置">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="type_id">
                    <input type="hidden" name="old_table_name">
                    <input type="hidden" name="table_id">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade draggable-modal" id="modal_edit_record" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">編輯流水資料</h4>
            </div>
            <form id="form_edit_record" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="new_table_name" class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">設備標籤<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="record_tag" name="record_tag" class="form-control" placeholder="請輸入設備標籤欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">日期<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="record_date" name="record_date" class="form-control" placeholder="請輸入日期欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">時間<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="record_time" name="record_time" class="form-control" placeholder="請輸入時間欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">數值<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="record_value" name="record_value" class="form-control" placeholder="請輸入數值欄位名稱">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="type_id">
                    <input type="hidden" name="old_table_name">
                    <input type="hidden" name="table_id">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade draggable-modal" id="modal_edit_warning" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title font-white">編輯告警資料</h4>
            </div>
            <form id="form_edit_warning" method="POST" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">資料表名稱<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" name="new_table_name" class="form-control" placeholder="">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">設備標籤<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="warning_tag" name="warning_tag" class="form-control" placeholder="請輸入設備標籤欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">日期<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="warning_date" name="warning_date" class="form-control" placeholder="請輸入日期欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">時間<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="warning_time" name="warning_time" class="form-control" placeholder="請輸入時間欄位名稱">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">數值<span class="required" aria-required="true"> * </span></label>
                            <div class="col-md-9">
                                <input type="text" id="warning_value" name="warning_value" class="form-control" placeholder="請輸入數值欄位名稱">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="type_id">
                    <input type="hidden" name="old_table_name">
                    <input type="hidden" name="table_id">
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <button type="button" class="btn gray" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" value="print">送出</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-TW.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/additional-methods.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.js') }}"></script>
@endsection

@section('js_page_level')
<script>
$(document).ready(function(){
    $(".value_type").hide();
    var table = $('#table_access');
    var oTable = table.dataTable({
        // Internationalisation. For more info refer to http://datatables.net/manual/i18n
        "language": {
            "aria": {
                "sortAscending": ": activate to sort column ascending",
                "sortDescending": ": activate to sort column descending"
            },
            "emptyTable": "@lang('messages.datatable_no_data')",
            "info": "@lang('messages.display_from') _START_ @lang('messages.display_to') _END_ @lang('messages.then_total') _TOTAL_ @lang('messages.records')",
            "infoEmpty": "@lang('messages.no_match')",
            "infoFiltered": "(@lang('messages.from') _MAX_ @lang('messages.records_filter'))",
            "lengthMenu": "@lang('messages.show') _MENU_ @lang('messages.records')",
            "search": "@lang('messages.quick_filter'):",
            "zeroRecords": "@lang('messages.no_data')",
            "paginate": {
                "previous":"@lang('messages.last_page')",
                "next": "@lang('messages.next_page')",
                "last": "@lang('messages.lastest')",
                "first": "@lang('messages.most_previous')"
            }
        },
        "aaSorting": [[0,'asc']],
        "lengthMenu": [
            [10, 20, 50, -1],
            [10, 20, 50, "All"] // change per page values here
        ],
        // set the initial value
        "pageLength": 10,
        "pagingType": "bootstrap_full_number",
    });
});
$(document).on('click','#btn_query',function(){
    $('#modal_query').modal('show');
});

$('#is_box').on('change.bootstrapSwitch', function(e) {
    if($("#is_box").bootstrapSwitch('state') == false){
        $("#div_box_num").css("display","block");
    }else{
        $("#div_box_num").css("display","none");
    }
});

$('#is_box2').on('change.bootstrapSwitch', function(e) {
    if($("#is_box2").bootstrapSwitch('state') == false){
        $("#div_box_num2").css("display","block");
    }else{
        $("#div_box_num2").css("display","none");
    }
});

$(document).on('click','.btn_edit',function(){
    var uid = $(this).attr('uid');
    var access_type = $(this).attr('access_type');
    var table_name = $(this).attr('table_name');
    $.ajax({
        type : 'post',
        url: "{{ route('manage::ba::editcolumn') }}",
        dataType : 'json',
        data : {
            id     : uid,
            _token : $('#_token').val(),
        },
        success: function(sendback){
            $.each(sendback,function(i,v){
                console.log(v);
                if( access_type == 'sensor'){
                    if( v['local_tag'] == 'tag'){
                        $("#sensor_tag").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'sensor_name'){
                        $("#sensor_name").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'monitor_type'){
                        $("#monitor_type").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'upper_limit'){
                        $("#sensor_upper").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'lower_limit'){
                        $("#sensor_lower").val(v['remote_tag']);
                    }
                }
                if( access_type == 'category'){
                    if( v['local_tag'] == 'name'){
                        $("#category_name").val(v['remote_tag']);
                    }
                }
                if( access_type == 'location'){
                    var val = v['remote_tag'].split(',');
                    if( v['local_tag'] == 'place'){
                        $("#build_name").val(val[0]);
                        $("#floor_name").val(val[1]);
                        $("#location_name").val(val[2]);
                    }
                }
                if( access_type == 'record' ){
                    if( v['local_tag'] == 'tag'){
                        $("#record_tag").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'value'){
                        $("#record_value").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'trigger_time'){
                        var datetime = v['remote_tag'].split('+');
                        $("#record_date").val(datetime[0]);
                        if( datetime.length == 2 ){
                            $("#record_time").val(datetime[1]);
                        }
                    }
                }
                if( access_type == 'warning' ){
                    if( v['local_tag'] == 'tag'){
                        $("#warning_tag").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'value'){
                        $("#warning_value").val(v['remote_tag']);
                    }
                    if( v['local_tag'] == 'trigger_time'){
                        var datetime = v['remote_tag'].split('+');
                        $("#warning_date").val(datetime[0]);
                        if( datetime.length == 2 ){
                            $("#warning_time").val(datetime[1]);
                        }
                    }
                }
            });
            $("input[name='type_id']").val(access_type);
            $("input[name='old_table_name']").val(table_name);
            $("input[name='new_table_name']").val(table_name);
            $("input[name='table_id']").val(uid);
            $('#modal_edit_'+access_type).modal('show');
        },
        error: function(){
            toastr['error']("@lang('messages.error_need_refresh')");
        }
    });
});

$(document).on('click','.btn_del',function(){
    var uid = $(this).attr('uid');
    $.ajax({
        type : 'post',
        url: "{{ route('manage::ba::deltable') }}",
        dataType : 'json',
        data : {
            id     : uid,
            _token : $('#_token').val(),
        },
        success: function(sendback){
            toastr['success']('停用成功');
            window.location.reload();
        },
        error: function(){
            toastr['error']("@lang('messages.error_need_refresh')");
        }
    });
});

$('#form_query').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        type_id:{
            required: true
        },
        table:{
            required: true
        },
    },
    messages:{
        type_id:{
            required: '請選擇類別'
        },
        name:{
            required: '請輸入資料表名稱'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
        $('#form_success_alert').hide();
        $('#form_error_alert').show();
        $('.modal').scrollTop($('#form_error_alert'));
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },
    submitHandler: function (form) {
        // toastr['success']($('#is_subtitle').val());
        var form = $('#form_query');
        form.attr("action", '{{action('Manage\BA\SensorsController@addtable')}}');
        $('#form_query')[0].submit();
    }
});

$('#form_edit_sensor').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        sensor_tag:{
            required: true
        },
        sensor_name:{
            required: true
        },
        monitor_type:{
            required: true
        },
    },
    messages:{
        sensor_tag:{
            required: '請選擇標籤'
        },
        sensor_name:{
            required: '請輸入名稱'
        },
        monitor_type:{
            required: '請輸入類型'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },

    submitHandler: function (form) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: "{{ route('manage::ba::edittable') }}",
            data: {
                _token       : $('#_token').val(),
                sensor_tag   : $('#sensor_tag').val(),
                sensor_name  : $('#sensor_name').val(),
                monitor_type : $('#monitor_type').val(),
                sensor_upper : $('#sensor_upper').val(),
                sensor_lower : $('#sensor_lower').val(),
                type_id      : $("input[name='type_id']").val(),
                table_id     : $("input[name='table_id']").val(),
                new_table_name : $("input[name='new_table_name']")[0].value,
                old_table_name : $("input[name='old_table_name']").val(),
            },
            success: function(sendback){
                toastr['success']('資料成功送出')
                $('#modal_edit').modal('hide');
                window.location.reload();
            },
            error   : function ( data ){
                toastr['error']('發生錯誤，請重新整理後再次操作');
                window.location.reload();
            }
        });
    }
});

$('#form_edit_category').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        category_name:{
            required: true
        },
    },
    messages:{
        category_name:{
            required: '請輸入分類'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },

    submitHandler: function (form) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: "{{ route('manage::ba::edittable') }}",
            data: {
                _token       : $('#_token').val(),
                type_id      : $("input[name='type_id']").val(),
                table_id     : $("input[name='table_id']").val(),
                category_name  : $('#category_name').val(),
                new_table_name : $("input[name='new_table_name']")[1].value,
                old_table_name : $("input[name='old_table_name']").val(),
            },
            success: function(sendback){
                toastr['success']('資料成功送出')
                $('#modal_edit').modal('hide');
                window.location.reload();
            },
            error   : function ( data ){
                toastr['error']('發生錯誤，請重新整理後再次操作');
                window.location.reload();
            }
        });
    }
});

$('#form_edit_location').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        build_name:{
            required: true
        },
        floor_name:{
            required: true
        },
        location_name:{
            required: true
        },
    },
    messages:{
        build_name:{
            required: '請輸入棟別'
        },
        floor_name:{
            required: '請輸入樓別'
        },
        location_name:{
            required: '請輸入設備位置'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },

    submitHandler: function (form) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: "{{ route('manage::ba::edittable') }}",
            data: {
                _token        : $('#_token').val(),
                build_name    : $('#build_name').val(),
                floor_name    : $('#floor_name').val(),
                location_name : $('#location_name').val(),
                type_id       : $("input[name='type_id']").val(),
                table_id      : $("input[name='table_id']").val(),
                new_table_name : $("input[name='new_table_name']")[2].value,
                old_table_name : $("input[name='old_table_name']").val(),
            },
            success: function(sendback){
                toastr['success']('資料成功送出')
                $('#modal_edit').modal('hide');
                window.location.reload();
            },
            error   : function ( data ){
                toastr['error']('發生錯誤，請重新整理後再次操作');
                window.location.reload();
            }
        });
    }
});

$('#form_edit_record').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        record_tag:{
            required: true
        },
        record_date:{
            required: true
        },
        record_value:{
            required: true
        },
    },
    messages:{
        record_tag:{
            required: '請輸入設備標籤'
        },
        record_date:{
            required: '請輸入日期'
        },
        record_value:{
            required: '請輸入數值'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },

    submitHandler: function (form) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: "{{ route('manage::ba::edittable') }}",
            data: {
                _token       : $('#_token').val(),
                record_tag   : $('#record_tag').val(),
                record_date  : $('#record_date').val(),
                record_time  : $('#record_time').val(),
                record_value : $('#record_value').val(),
                type_id      : $("input[name='type_id']").val(),
                table_id     : $("input[name='table_id']").val(),
                new_table_name : $("input[name='new_table_name']")[3].value,
                old_table_name : $("input[name='old_table_name']").val(),
            },
            success: function(sendback){
                toastr['success']('資料成功送出')
                $('#modal_edit').modal('hide');
                window.location.reload();
            },
            error   : function ( data ){
                toastr['error']('發生錯誤，請重新整理後再次操作');
                window.location.reload();
            }
        });
    }
});

$('#form_edit_warning').validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block help-block-error', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",  // validate all fields including form hidden input
    rules:{
        warning_tag:{
            required: true
        },
        warning_date:{
            required: true
        },
        warning_value:{
            required: true
        },
    },
    messages:{
        warning_tag:{
            required: '請輸入設備標籤'
        },
        warning_date:{
            required: '請輸入日期'
        },
        warning_value:{
            required: '請輸入數值'
        },
    },

    invalidHandler: function (event, validator) { //display error alert on form submit
    },

    highlight: function (element) { // hightlight error inputs
       $(element)
            .closest('.form-group').addClass('has-error'); // set error class to the control group
    },

    unhighlight: function (element) { // revert the change done by hightlight
        $(element)
            .closest('.form-group').removeClass('has-error'); // set error class to the control group
    },

    success: function (label) {
        label
            .closest('.form-group').removeClass('has-error'); // set success class to the control group
    },

    submitHandler: function (form) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: "{{ route('manage::ba::edittable') }}",
            data: {
                _token       : $('#_token').val(),
                warning_tag   : $('#warning_tag').val(),
                warning_date  : $('#warning_date').val(),
                warning_time  : $('#warning_time').val(),
                warning_value : $('#warning_value').val(),
                type_id      : $("input[name='type_id']").val(),
                table_id     : $("input[name='table_id']").val(),
                new_table_name : $("input[name='new_table_name']")[4].value,
                old_table_name : $("input[name='old_table_name']").val(),
            },
            success: function(sendback){
                toastr['success']('資料成功送出')
                $('#modal_edit').modal('hide');
                window.location.reload();
            },
            error   : function ( data ){
                toastr['error']('發生錯誤，請重新整理後再次操作');
                window.location.reload();
            }
        });
    }
});
</script>
@endsection