<?php $__env->startSection('css_page_level'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.css')); ?>"/>
<style>
    .dialogbox{
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        overflow: auto;
    }
    div.loadingdiv {
        height: 100%;
        /*100%覆蓋網頁內容, 避免user在loading時進行其他操作*/    width: 100%;
        position: fixed;
        z-index: 99999;
        /*須大於網頁內容*/    top: 0;
        left: 0;
        display: block;
        background: #000;
        opacity: 0.8;
        text-align: center;
    }

    div.loadingdiv h3 {
        color: white;
        position: relative;
        vertical-align: middle;
        text-align: center;
        margin: 0 auto;
        margin-top: 50vh;
    }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-content-wrapper'); ?>

    <div class="page-content-wrapper" id="main">
        <div class="loadingdiv" id="loading" style="display: none">
            <h3 class="loading">復歸中，請稍等</h3>
        </div>
        <div class="page-content">
            <!-- BEGIN PAGE HEADER-->
            <h3 class="page-title">
            <?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
            <?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?> <small><?php echo e($setting::get('company_name','新保科技')); ?></small>
            </h3>
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="<?php echo e(route('manage::index')); ?>"><?php echo app('translator')->get('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;"><?php echo app('translator')->get('messages.del'); ?> <i class="fa fa-trash"></i></button>
                                        <?php if(Sentinel::check()->username == 'admin'): ?>
                                            <button id="btn_all_intercom_recover" class="btn red" >全復歸</button>
                                        <?php endif; ?>
                                    </div>
                                    
                                    <form id="form_page" name="form_page_url" action="<?php echo e(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" <?php echo e(Input::get('prepage')==10? 'selected':''); ?>>10</option>
                                                    <option value="20" <?php echo e(Input::get('prepage')==20? 'selected':''); ?>>20</option>
                                                    <option value="50" <?php echo e(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>
                                    <?php foreach($intercom_houses as $intercom_house): ?>
                                        <tr class="odd gradeX">
                                            <td>
                                                <input class='chk_check' type="checkbox" value="<?php echo e($intercom_house->id); ?>">
                                            </td>
                                            <td>
                                                <?php echo e($intercom_house->house_code); ?>

                                            </td>
                                            <td>
                                                <?php echo e($intercom_house->intercom_number); ?>

                                            </td>
                                            <td>
                                                <?php echo e($intercom_house->ip_address); ?>

                                            </td>
                                            <td>
                                                <?php echo e($intercom_house->ip_address2); ?>

                                            </td>
                                            <td>
                                                <?php echo e($intercom_house->name); ?>

                                            </td>
                                            <td>
                                                <?php echo e($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">
                                                    <?php echo app('translator')->get('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="<?php echo e($intercom_house->id); ?>" href="javascript:;">
                                                            <i class="fa fa-pencil"></i>
                                                            <?php echo app('translator')->get('messages.edit'); ?> </a>
                                                        </li>
                                                        <li>
                                                            <a class="btn_intercom_delete" intercom_id="<?php echo e($intercom_house->id); ?>" intercom_number="<?php echo e($intercom_house->intercom_number); ?>"   href="javascript:;">
                                                            <i class="fa fa-trash-o"></i>
                                                            <?php echo app('translator')->get('messages.del'); ?> </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    <?php 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>顯示第 <?php echo e($intercom_houses->firstItem()); ?> 到第 <?php echo e($intercom_houses->lastItem()); ?> 則 共有 <?php echo e($intercom_houses->total()); ?> 則</p>
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <div class="pull-right" id="table_list_paginate">
                                    <?php echo $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>
                                    <?php echo app('translator')->get('messages.col_invalid'); ?>
                                </div>
                                <div id="form_success_alert" class="alert alert-success display-hide">
                                    <button class="close" data-close="alert"></button>
                                    <?php echo app('translator')->get('messages.valid_and_sent'); ?>
                                </div>


                                <div class="form-group">
                                    <label class="col-md-3 control-label"><?php echo app('translator')->get('messages.plate_ids'); ?><span class="required" aria-required="true"> * </span></label>
                                    <div class="col-md-6">
                                        <select class="form-control select2me" id="groupid">
                                            <?php $__empty_1 = true; foreach($Datas as $Data): $__empty_1 = false; ?>
                                                <option value="<?php echo $Data->code; ?>"><?php echo $Data->code; ?></option>
                                            <?php endforeach; if ($__empty_1): ?>
                                                <option value="0"><?php echo app('translator')->get('messages.not_create_plate'); ?></option>
                                            <?php endif; ?>
                                        </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>
                                            <?php foreach($location as $one): ?>
                                                <option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
                                            <?php 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>
                                            <?php foreach($class as $one): ?>
                                                <option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
                                            <?php endforeach; ?>
                                        </select>
                                    </div>
                                </div>
                            </div>

                        <!-- END FORM-->
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                        <button type="submit" class="btn blue" id="btn_form_add"><?php echo app('translator')->get('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"><?php echo app('translator')->get('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>
                                <?php echo app('translator')->get('messages.col_invalid'); ?>
                            </div>
                            <div id="form_success_alert_edit" class="alert alert-success display-hide">
                                <button class="close" data-close="alert"></button>
                                <?php echo app('translator')->get('messages.update_success'); ?>
                            </div>
                            <blockquote>
                                <h4>Step 1. <?php echo app('translator')->get('messages.basic_account_setting'); ?></h4>
                            </blockquote>
                            <input name="id" type="hidden"/>
                            <div class="form-group">
                                <label class="col-md-3 control-label"><?php echo app('translator')->get('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">
                                        <?php $__empty_1 = true; foreach($Datas as $Data): $__empty_1 = false; ?>
                                            <option value="<?php echo $Data->code; ?>"><?php echo $Data->code; ?></option>
                                        <?php endforeach; if ($__empty_1): ?>
                                            <option value="0"><?php echo app('translator')->get('messages.not_create_plate'); ?></option>
                                        <?php endif; ?>
                                    </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>
                                        <?php foreach($location as $one): ?>
                                            <option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
                                        <?php 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>
                                        <?php foreach($class as $one): ?>
                                            <option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
                                        <?php 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"><?php echo app('translator')->get('messages.close'); ?></button>
                    <button type="submit" class="btn blue" id="btn_form_edit"><?php echo app('translator')->get('messages.update'); ?></button>
                </div>
            </div>
            </form>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('plugins_page_level'); ?>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootbox/bootbox.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.full.min.js')); ?>" ></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('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("<?php echo app('translator')->get('messages.sure_del'); ?>", function(result) {
            if(result == true){
                $.ajax({
                    type : 'DELETE',
                    dataType : 'json',
                    url  : "<?php echo e(route('manage::intercom::massDestroy')); ?>",
                    data : {
                        _token   : $('#_token').val(),
                        ids : ids
                    },
                    success : function(sendback){
                        toastr['success']("<?php echo app('translator')->get('messages.del_success'); ?>");
                        window.location.reload();
                    },
                    error : function(sendback){
                        toastr['error']("<?php echo app('translator')->get('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: "<?php echo e(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: "<?php echo e(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  : "<?php echo e(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']("<?php echo app('translator')->get('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 ><?php echo app('translator')->get('messages.sure_del2'); ?> "+intercom_number+" 這筆對講機資料嗎?</h5>", function(result) {
           if(result === true){
                $.ajax({
                    type  : 'POST',
                    url   : "<?php echo e(route('manage::intercom::delete')); ?>",
                    dataType : 'json',
                    data  : {
                        _token   : $('#_token').val(),
                        id : intercom_id
                    },
                    success : function(){
                        toastr['success']("刪除成功");
                        window.location.reload();
                    },
                    error   : function(){
                        toastr['error']("刪除失敗");
                    }
                });
           }
        });
    });
    $(document).on('click','#btn_all_intercom_recover',function(){
        $.ajax({
            type  : 'POST',
            url   : "<?php echo e(route('manage::intercom::all_intercom_recover')); ?>",
            dataType : 'json',
            data  : {
                _token   : $('#_token').val(),
            },
            success : function(){
                toastr['success']("賦歸成功");
                window.location.reload();
            },
            error   : function(){
                toastr['error']("賦歸失敗");
            },
            beforeSend: function () {
                $('#loading').show();
            },
            complete: function () {
                $('#loading').hide();
            }
        });       
    });
});

    $('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>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>