@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/select2/css/select2.min.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') }}"/>
@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>
            </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="#">對講機管理</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#">對講機列表</a>
                    </li>
                </ul>
                <div class="page-toolbar">

                </div>
            </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">
                            <!-- Start Quick Filter -->
                            <div class="table-toolbar">
                                <div class="row" >
                                    <div class="col-md-12" style="margin-bottom:10px;">
                                        <button id="btn_modal_add_intercom" class="btn green" >新增<i class="fa fa-plus"></i></button>
                                        <button id="btn_mass_delete" class="btn red" style="display:none;">@lang('messages.del') <i class="fa fa-trash"></i></button>
                                    </div>
                                    
                                    <form id="form_page" name="form_page_url" action="{{ route('manage::intercom::index') }}" class="form-horizontal">
                                        <div class="col-md-6">
                                            <div class="dataTables_length" id="table_guest_length" >
                                                <label>顯示</label>
                                                <select onchange="$('#form_page').submit();" name="prepage" aria-controls="table_guest" class="form-control input-sm input-xsmall input-inline">
                                                    <option value="10" {{Input::get('prepage')==10? 'selected':''}}>10</option>
                                                    <option value="20" {{Input::get('prepage')==20? 'selected':''}}>20</option>
                                                    <option value="50" {{Input::get('prepage')==50? 'selected':''}}>50</option>
                                                </select> 則
                                            </div>
                                        </div>
                                    </form>
                                                                       
                                </div>
                            </div>
                            <!-- End Quick Filter -->
                            <table class="table table-striped table-bordered table-hover" id="table_guest">
                                <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" id="chk_all" />
                                        </th>
                                        <th>
                                            門牌
                                        </th>
                                        <th>
                                            對講機編號
                                        </th>
                                        <th>
                                            ip位址1
                                        </th>
                                        <th>
                                            ip位址2
                                        </th>
                                        <th>
                                            對講機位置
                                        </th>
                                        <th>
                                            對講機類別
                                        </th>
                                        <th>
                                            動作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($intercom_houses as $intercom_house)
                                        <tr class="odd gradeX">
                                            <td>
                                                <input class='chk_check' type="checkbox" value="{{$intercom_house->id}}">
                                            </td>
                                            <td>
                                                {{$intercom_house->house_code}}
                                            </td>
                                            <td>
                                                {{$intercom_house->intercom_number}}
                                            </td>
                                            <td>
                                                {{$intercom_house->ip_address}}
                                            </td>
                                            <td>
                                                {{$intercom_house->ip_address2}}
                                            </td>
                                            <td>
                                                {{$intercom_house->name}}
                                            </td>
                                            <td>
                                                {{$intercom_house->cname}}
                                            </td>
                                            <td>
                                                <div class="btn-group">
                                                    <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    @lang('messages.action') <i class="fa fa-angle-down"></i>
                                                    </button>
                                                    <ul class="dropdown-menu pull-right" role="menu">
                                                        <li>
                                                            <a class="btn_intercom_edit" intercom_id="{{$intercom_house->id}}" href="javascript:;">
                                                            <i class="fa fa-pencil"></i>
                                                            @lang('messages.edit') </a>
                                                        </li>
                                                        <li>
                                                            <a class="btn_intercom_delete" intercom_id="{{$intercom_house->id}}" intercom_number="{{$intercom_house->intercom_number}}"   href="javascript:;">
                                                            <i class="fa fa-trash-o"></i>
                                                            @lang('messages.del') </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="row">
                            <div class="col-md-5 col-xs-5">
                                <div class="dataTables_info" id="table_list_info" role="status" aria-live="polite">
                                    <p>顯示第 {{ $intercom_houses->firstItem() }} 到第 {{ $intercom_houses->lastItem() }} 則 共有 {{ $intercom_houses->total() }} 則</p>
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <div class="pull-right" id="table_list_paginate">
                                    {!! $intercom_houses->appends(Input::all())->render() !!}
                                </div>
                            </div>
                        </div>
                    </div>  
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
        </div>
        <div class="modal" id="modal_add_intercom"  role="dialog" aria-hidden="true">
            <div class="modal-dialog">
            <form id="add_form" class="form-horizontal">
                <div class="modal-content">

                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">新增對講機</h4>
                    </div>
                    <div class="modal-body form">
                        <!-- BEGIN FORM-->
                            <div class="form-body">
                                <div id="form_error_alert" class="alert alert-danger display-hide">
                                    <button class="close" data-close="alert"></button>
                                    @lang('messages.col_invalid')
                                </div>
                                <div id="form_success_alert" class="alert alert-success display-hide">
                                    <button class="close" data-close="alert"></button>
                                    @lang('messages.valid_and_sent')
                                </div>


                                <div class="form-group">
                                    <label class="col-md-3 control-label">@lang('messages.plate_ids')<span class="required" aria-required="true"> * </span></label>
                                    <div class="col-md-6">
                                        <select class="form-control select2me" id="groupid">
                                            @forelse ($Datas as $Data)
                                                <option value="{!!$Data->code!!}">{!!$Data->code!!}</option>
                                            @empty
                                                <option value="0">@lang('messages.not_create_plate')</option>
                                            @endforelse
                                        </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-6">
                                        <div class="input-icon">
                                            <i class="fa fa-user"></i>
                                            <input id="intercom_number" name="intercom_number" type="text" class="form-control" placeholder="請輸入對講機編號">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">對講機ip位址1<span class="required" aria-required="true"> * </span></label>
                                    <div class="col-md-6">
                                        <div class="input-icon">
                                            <i class="fa fa-lock"></i>
                                            <input id="ip_address" name="ip_address" type="text" class="form-control" placeholder="例如:192.168.X.X">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">對講機ip位址2<span class="required" aria-required="true"> * </span></label>
                                    <div class="col-md-6">
                                        <div class="input-icon">
                                            <i class="fa fa-lock"></i>
                                            <input id="ip_address2" name="ip_address2" type="text" class="form-control" placeholder="例如:192.168.X.X">
                                        </div>
                                    </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-6">
                                        <select id="location" name="location" class="form-control selectpicker" data-live-search="true"> 
                                            <option value="">未選擇</option>
                                            @foreach($location as $one)
                                                <option value="{{$one->id}}">{{$one->name}}</option>
                                            @endforeach
                                        </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-6">
                                        <select id="class" name="class" class="form-control selectpicker" data-live-search="true"> 
                                            <option value="">未選擇</option>
                                            @foreach($class as $one)
                                                <option value="{{$one->id}}">{{$one->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                        <!-- END FORM-->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
                        <button type="submit" class="btn blue" id="btn_form_add">@lang('messages.add')</button>
                    </div>
                </div>
            </form>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal" id="modal_edit_intercom"  role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <form id="edit_form" class="form-horizontal">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">@lang('messages.edit_members')</h4>
                </div>
                <div class="modal-body form">
                    <!-- BEGIN FORM-->
                        <div class="form-body">
                            <div id="form_error_alert_edit" class="alert alert-danger display-hide">
                                <button class="close" data-close="alert"></button>
                                @lang('messages.col_invalid')
                            </div>
                            <div id="form_success_alert_edit" class="alert alert-success display-hide">
                                <button class="close" data-close="alert"></button>
                                @lang('messages.update_success')
                            </div>
                            <blockquote>
                                <h4>Step 1. @lang('messages.basic_account_setting')</h4>
                            </blockquote>
                            <input name="id" type="hidden"/>
                            <div class="form-group">
                                <label class="col-md-3 control-label">@lang('messages.plate_ids')<span class="required" aria-required="true"> * </span></label>
                                <div class="col-md-6">
                                    <select class="form-control select2me" id="house_code_edit">
                                        @forelse ($Datas as $Data)
                                            <option value="{!!$Data->code!!}">{!!$Data->code!!}</option>
                                        @empty
                                            <option value="0">@lang('messages.not_create_plate')</option>
                                        @endforelse
                                    </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-6">
                                    <div class="input-icon">
                                        <i class="fa fa-user"></i>
                                        <input id="intercom_number_edit" name="intercom_number_edit" type="text" class="form-control" placeholder="">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label">對講機ip位置1<span class="required" aria-required="true"> * </span></label>
                                <div class="col-md-6">
                                    <div class="input-icon">
                                        <i class="fa fa-lock"></i>
                                        <input id="ip_address_edit" name="ip_address_edit" type="text" class="form-control" placeholder="">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label">對講機ip位置2<span class="required" aria-required="true"> * </span></label>
                                <div class="col-md-6">
                                    <div class="input-icon">
                                        <i class="fa fa-lock"></i>
                                        <input id="ip_address2_edit" name="ip_address2_edit" type="text" class="form-control" placeholder="">
                                    </div>
                                </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-6">
                                    <select id="location_edit" name="location_edit" class="form-control selectpicker" data-live-search="true"> 
                                        <option value="">未選擇</option>
                                        @foreach($location as $one)
                                            <option value="{{$one->id}}">{{$one->name}}</option>
                                        @endforeach
                                    </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-6">
                                    <select id="class_edit" name="class_edit" class="form-control selectpicker" data-live-search="true"> 
                                        <option value="">未選擇</option>
                                        @foreach($class as $one)
                                            <option value="{{$one->id}}">{{$one->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    <!-- END FORM-->
                </div>
                <div class="modal-footer">
                    <input id="id_edit" name="id_edit" type="hidden" class="form-control">
                    <button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
                    <button type="submit" class="btn blue" id="btn_form_edit">@lang('messages.update')</button>
                </div>
            </div>
            </form>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
@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/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.full.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>
//2017-02-03 全選 start
$('document').ready(function(){
    $('#chk_all').click(function(){
        if($(this).is(':checked')){
            $('.chk_check').attr("checked",true);
        }
        else{
            $('.chk_check').attr("checked",false);
        }
        $.uniform.update();
    })
});
//end

$(document).ready(function(){

    $("#status").bootstrapSwitch();
    $("#status_edit").bootstrapSwitch();

    $('#table_list').find('.group-checkable').change(function () {
        var set = jQuery(this).attr("data-set");
        var checked = jQuery(this).is(":checked");
        jQuery(set).each(function () {
            if (checked) {
                $(this).attr("checked", true);
            } else {
                $(this).attr("checked", false);
            }
        });
        jQuery.uniform.update(set);
    });

    $(document).on('change','#select_door',function(){
        if(document.getElementById('select_door').value == ""){
            document.getElementById('select_floor').value = "";
            document.getElementById('select_house').value = "";
            $('#select_floor option[value=""]').attr('selected','selected');
            $('#select_house option[value=""]').attr('selected','selected');
        }
    });
    $(document).on('change','#select_floor',function(){
        if(document.getElementById('floor').value == ""){
            document.getElementById('select_house').value = "";
            $('#select_house option[value=""]').attr('selected','selected');
        }
    });

    $(document).on('change','#table_guest #chk_all',function(){
        var checkedNum = $('#chk_all:checked').length;
        if(checkedNum>0){
            $('#btn_mass_delete').show();
        }else{
            $('#btn_mass_delete').hide();
        }
    });
    $(document).on('change','#table_guest .chk_check',function(){
        var checkedNum = $('.chk_check:checked').length;
        if(checkedNum>0){
            $('#btn_mass_delete').show();
        }else{
            $('#btn_mass_delete').hide();
        }
    });
    $(document).on('change','.group-checkable',function(){
        var checkedNum = $('.checkboxes:checked').length;
        if(checkedNum>0){
            $('#btn_mass_delete').show();
        }else{
            $('#btn_mass_delete').hide();
        }
    });

    $(document).on('click','#btn_mass_delete',function(){
        var ids = $.map($('input:checkbox:checked'), function(n, i){
              return n.value;
        }).join(',');
        bootbox.confirm("@lang('messages.sure_del')", function(result) {
            if(result == true){
                $.ajax({
                    type : 'DELETE',
                    dataType : 'json',
                    url  : "{{ route('manage::intercom::massDestroy') }}",
                    data : {
                        _token   : $('#_token').val(),
                        ids : ids
                    },
                    success : function(sendback){
                        toastr['success']("@lang('messages.del_success')");
                        window.location.reload();
                    },
                    error : function(sendback){
                        toastr['error']("@lang('messages.del_fail')");
                    }
                });
            }
        });
    });

    $('#add_form').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:{
            house_code:{
                required: true
            },
            intercom_number:{
                required: true
            },
            ip_address :{
                required: true
            },
            ip_address2 :{
                required: true
            },
            location :{
                required: true
            },
            class :{
                required: true
            }
        },
        messages:{
            house_code:{
                required:"請選擇戶號"
            },
            intercom_number:{
                required:"請選擇輸入對講機號碼"
            },
            ip_address :{
                required: "請輸入對講機IP位置"
            },
            ip_address2 :{
                required: "請輸入對講機IP位置"
            },
            location :{
                required: "請選擇對講機位置"
            },
            class :{
                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) {
            $('#form_success_alert').show();
            $('#form_error_alert').hide();
            //確認表單正確，Ajax送出
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: "{{ route('manage::intercom::add') }}",
                data: {
                    _token   : $('#_token').val(),
                    house_code     : $('#groupid').val(),
                    intercom_number : $('#intercom_number').val(),
                    ip_address : $('#ip_address').val(),
                    ip_address2 : $('#ip_address2').val(),
                    location : $('#location').val(),
                    class : $('#class').val()
                },
                success: function(sendback){
                    $('#modal_add_intercom').modal('hide');
                    window.location.reload();
                },
                error   : function ( data )
                {
                    var errors = data.responseJSON;
                    //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
                    $.each(errors, function (key, data) {
                        console.log(key);
                        if( key == 'errors'){
                            $.each(data, function (index, data) {
                                $( "input[name='"+index+"']").closest('.form-group').addClass('has-error');
                                $( "input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
                            });
                        }

                    });
                    $('#form_success_alert').hide();
                    $('#form_error_alert').show();
                    $('.modal').scrollTop($('#form_error_alert'));

                }
            });
        }
    });

    $('#edit_form').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:{
            house_code_edit:{
                required: true
            },
            intercom_number_edit:{
                required: true
            },
            ip_address_edit:{
                required: true
            },
            ip_address2_edit:{
                required: true
            },
            location_edit:{
                required: true
            },
            class_edit:{
                required: true
            }
        },
        messages:{
            house_code_edit:{
                required:"請選擇戶號"
            },
            intercom_number_edit:{
                required:"請選擇輸入對講機號碼"
            },
            ip_address_edit:{
                required: "請輸入對講機IP位置"
            },
            ip_address2_edit:{
                required: "請輸入對講機IP位置"
            },
            location_edit:{
                required: "請選擇對講機位置"
            },
            class_edit:{
                required: "請選擇對講機類別"
            }
        },

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert_edit').hide();
            $('#form_error_alert_edit').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) {
            $('#form_success_alert_edit').show();
            $('#form_error_alert_edit').hide();
            //確認表單正確，Ajax送出
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: "{{ route('manage::intercom::edit') }}",
                data: {
                    _token   : $('#_token').val(),
                    id : $('#id_edit').val(),
                    house_code     : $('#house_code_edit').val(),
                    intercom_number : $('#intercom_number_edit').val(),
                    ip_address : $('#ip_address_edit').val(),
                    ip_address2 : $('#ip_address2_edit').val(),
                    location : $('#location_edit').val(),
                    class : $('#class_edit').val()
                },
                success: function(sendback){
                    $('#modal_edit_intercom').modal('hide');
                    window.location.reload();
                },
                error   : function ( data )
                {
                    var errors = data.responseJSON;
                    //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
                    $.each(errors, function (key, data) {
                        console.log(key);
                        if( key == 'errors'){
                            $.each(data, function (index, data) {
                                $( "input[name='"+index+"_edit']").closest('.form-group').addClass('has-error');
                                $( "input[name='"+index+"_edit']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
                            });
                        }
                    });
                    $('#form_success_alert_edit').hide();
                    $('#form_error_alert_edit').show();
                    $('.modal').scrollTop($('#form_error_alert'));

                }
            });
        }
    });

    $(document).on('click','#btn_modal_add_intercom',function(){
        $('#modal_add_intercom').modal('show');
    });

    $(document).on('click','#btn_modal_edit_intercom',function(){
        $('#modal_edit_intercom').modal('show');
    });

    $(document).on('click','.btn_intercom_edit',function(){
        var intercom_id = $(this).attr('intercom_id');
        $.ajax({
            type : 'GET',
            url  : "{{ route('manage::intercom::edit') }}",
            dataType : 'json',
            data : {
                'id' : intercom_id
            },
            success: function(sendback){
                $.each(sendback, function (key, data) {
                    if(key == 'location'){
                        $("#location_edit").val(data);
                        $('#location_edit').selectpicker('refresh');
                    }else if(key == 'class'){
                        $("#class_edit").val(data);
                        $('#class_edit').selectpicker('refresh');
                    }else{
                        $( "#edit_form input[name='"+key+"_edit']").val(data);
                    }
                    
                });
                $('#modal_edit_intercom').modal('show');
            },
            error: function(){
                toastr['error']("@lang('messages.error_need_refresh')");
            }
        })
    });

    $(document).on('click','.btn_intercom_delete',function(){
        var intercom_id = $(this).attr('intercom_id');
        var intercom_number = $(this).attr('intercom_number');
        bootbox.confirm("<h5 >@lang('messages.sure_del2') "+intercom_number+" 這筆對講機資料嗎?</h5>", function(result) {
           if(result === true){
                $.ajax({
                    type  : 'POST',
                    url   : "{{ route('manage::intercom::delete') }}",
                    dataType : 'json',
                    data  : {
                        _token   : $('#_token').val(),
                        id : intercom_id
                    },
                    success : function(){
                        toastr['success']("刪除成功");
                        window.location.reload();
                    },
                    error   : function(){
                        toastr['error']("刪除失敗");
                    }
                });
           }
        });
    });
    
});

    $('select[name=form_page_url]').change(function(){
        var url = location.pathname;
        location.href = url.replace(/page=(\d+)/,'page=1');
    });

    //判斷使用者姓名是否用"空白"
    jQuery.validator.addMethod("noSpace", function(value, element) {
        return value.includes(" ") !==true && value.includes("　") !==true ;
    }, "使用者姓名不可有空白");

    //判斷手機、電話是否用"空白"
    jQuery.validator.addMethod("nospace", function(value, element) {
        return value.includes(" ") !==true && value.includes("　") !==true ;
    }, "手機、電話不允許輸入空白鍵！");
    
    //判斷帳號是否含"_"(底線)
    jQuery.validator.addMethod("noUnderline", function(value, element) {
        return value.includes("_") !==true ;
    }, "使用者帳號不可含_底線的符號！");
</script>
@endsection