@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-daterangepicker/daterangepicker.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.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/jquery-multi-select/css/multi-select.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}"/>
@endsection

@section('page-content-wrapper')
	<style type="text/css">
		.th_display_none { display: none;}
	</style>
	<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="index.html">首頁</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">
							<div class="table-toolbar" >
								<div class="row">
									<div class="col-md-6">
                                        <div class="btn-group">
											<a id="btn_add_firm" href="javascript:;"  class="btn green">
											新增 <i class="fa fa-plus"></i>
											</a>
                                        </div>
                                        <button id="btn_mass_delete" class="btn red" style="display:none;"> 刪除 <i class="fa fa-trash"></i></button>
									</div>
								</div>
									
							</div>
							<table class="table table-striped table-bordered table-hover" id="table_list">
                                <thead>
                                    <tr>
                                        <th>
                                            <input type="checkbox" class="group-checkable" data-set="#table_list .checkboxes">
                                        </th>
                                        <th>
                                            廠商標誌
                                        </th>
                                        <th>
                                            ID
                                        </th>
                                        <th>
                                            編號
                                        </th>
                                        <th>
                                            廠商名稱
                                        </th>
                                        <th>
                                            聯絡人
                                        </th>
                                        <th>
                                            聯絡電話
                                        </th>
                                        <th>
                                            聯絡人手機
                                        </th>
                                        <th>
                                            發布日期
                                        </th>
                                        <th>
                                            動作
                                        </th>
                                    </tr>
                                    <tbody>
                                    @foreach($firms as $one)
                                    
                                    <tr>
                                        <td><input type="checkbox" class="checkboxes" value="{{$one->id}}"/></td>
                                        <td><img src="{{$one->image}}" style="width: 32px;height: 32;"></td>
                                        <td>{{$one->id}}</td>
                                        <td>{{$one->no}}</td>
                                        <td>{{$one->name}}</td>
                                        <td>{{$one->contacts}}</td>
                                        <td>{{$one->tel_no}}</td>
                                        <td>{{$one->cell_phone}}</td>
                                        <td>{{$one->created_at}}</td>
                                        <td>
                                            <div class="btn-group">
                                                <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    動作 <i class="fa fa-angle-down"></i>
                                                </button>
                                                <ul class="dropdown-menu pull-right" role="menu" >
                                                    <li>
                                                        <a class="btn_edit" uid="{{$one->id}}" href="javascript:;">
                                                            <i class="fa fa-pencil"></i>編輯 
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="btn_delete" uid="{{$one->id}}" href="javascript:;">
                                                            <i class="fa fa-trash"></i>刪除
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>

                                    @endforeach
                                    </tbody>
                                </thead>
							</table>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
		</div>
        <div class="modal fade draggable-modal" id="modal_add_firm" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <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>
                    <form id="form_add" enctype="multipart/form-data" action="{{ route('manage::platform::firm::add') }}" class="form-horizontal">
                        <div class="modal-body">
                            <div class="form-body">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                            <button type="submit" class="btn green btn_query_submit" value="add">新增</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <div class="modal fade draggable-modal" id="modal_edit_firm" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <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>
                    <form id="form_edit" enctype="multipart/form-data" action="{{ route('manage::platform::firm::update') }}" class="form-horizontal">
                        <input type="hidden" name="id" value="" />
                        <div class="modal-body">
                            <div class="form-body">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                            <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
    </div>
    <div id="formTemplate" style="display:none;">
        <div class="form-group">
            <label class="col-md-4 control-label">廠商名稱</label>
            <div class="col-md-8">
                <input type="text" name="name" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">編號</label>
            <div class="col-md-8">
                <input type="text" name="no" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">類型</label>
            <div class="col-md-8">
                <select name="type" class="form-control">
                    <option value="食">食</option>
                    <option value="衣">衣</option>
                    <option value="住">住</option>
                    <option value="行">行</option>
                    <option value="育">育</option>
                    <option value="樂">樂</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">廠商標誌</label>
            <div class="col-md-8">
                <div class="fileinput fileinput-new" data-provides="fileinput" >
                    <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
                        <img src="" name="image" alt=""/>
                    </div>
                    <div>
                        <span class="btn default btn-file">
                        <span class="fileinput-new">
                        選擇圖片 </span>
                        <span class="fileinput-exists">
                        更換 </span>
                        <input type="file" name="image_upload">
                        </span>
                        <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
                        移除 </a>
                    </div>
                </div>  
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">公司地址</label>
            <div class="col-md-8">
                <input type="text" name="address" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">聯絡人</label>
            <div class="col-md-8">
                <input type="text" name="contacts" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">連絡電話</label>
            <div class="col-md-8">
                <input type="text" name="tel_no" class="form-control"> 
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">聯絡人手機</label>
            <div class="col-md-8">
                <input type="text" name="cell_phone" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">傳真</label>
            <div class="col-md-8">
                <input type="text" name="fax" class="form-control"> 
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">所屬縣市</label>
            <div class="col-md-8">
                <select name="country" class="form-control">
                    <option value="臺北市">臺北市</option>
                    <option value="新北市">新北市</option>
                    <option value="臺中市">臺中市</option>
                    <option value="臺南市">臺南市</option>
                    <option value="高雄市">高雄市</option>
                    <option value="基隆市">基隆市</option>
                    <option value="新竹市">新竹市</option>
                    <option value="嘉義市">嘉義市</option>
                    <option value="宜蘭縣">宜蘭縣</option>
                    <option value="桃園縣">桃園縣</option>
                    <option value="新竹縣">新竹縣</option>
                    <option value="苗栗縣">苗栗縣</option>
                    <option value="彰化縣">彰化縣</option>
                    <option value="南投縣">南投縣</option>
                    <option value="雲林縣">雲林縣</option>
                    <option value="嘉義縣">嘉義縣</option>
                    <option value="屏東縣">屏東縣</option>
                    <option value="臺東縣">臺東縣</option>
                    <option value="花蓮縣">花蓮縣</option>
                    <option value="澎湖縣">澎湖縣</option>
                    <option value="金門縣">金門縣</option>
                    <option value="連江縣">連江縣</option>
                </select>  
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">公司網站</label>
            <div class="col-md-8">
                <input type="text" name="web_site" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">統一編號</label>
            <div class="col-md-8">
                <input type="text" name="ein" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">營業時間</label>
            <div class="col-md-8">
                <input type="text" name="business_hours" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">EMAIL</label>
            <div class="col-md-8">
                <input type="text" name="email" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">營業項目</label>
            <div class="col-md-8">
                <input type="text" name="business_item" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">備註</label>
            <div class="col-md-8">
                <textarea name="remark" class="form-control"></textarea>  
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">附件</label>
            <div class="col-md-8">
                <input type="hidden" name="annex"> 
                <input type="file" name="annex_upload">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">位置</label>
            <div class="col-md-8">
                <input type="text" name="location" class="form-control">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">相關下載</label>
            <div class="col-md-8">
                <input type="hidden" name="download">
                <input type="file" name="download_upload">   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">安全事項</label>
            <div class="col-md-8">
                <textarea name="safety_precautions" class="form-control"></textarea>   
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-4 control-label">詳細介紹</label>
            <div class="col-md-8">
                <textarea name="details" class="form-control"></textarea>   
            </div>
        </div>
        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
    </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/moment.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.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/bootbox/bootbox.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-multi-select/js/jquery.multi-select.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/jquery-form/jquery.form.min.js') }}"></script>
@endsection

@section('js_page_level')
    <script>
        $(document).ready(function(){
            callDataTable();
            $('#modal_add_firm form').find('.form-body').html($('#formTemplate').html());
            $('#modal_edit_firm form').find('.form-body').html($('#formTemplate').html());
            $('.show-tooltip').tooltip();
            $('#type').multiSelect();
            $('#item').multiSelect();
            $('.date-picker').datepicker({
                orientation: "left",
                autoclose: true
            });
            $(document).on('click','#btn_add_firm',function(){
                console.log('just')
                $('#modal_add_firm').modal('show');
            });
            $(document).on('click', '#btn_mass_delete', function(){
                var ids = [];
                $('.checkboxes:checked').each(function() {
                    ids.push($(this).val());                      
                });   
                deleteRecords(ids);
            });
            // $('.btn_delete').click(function() {
            //     var id = $(this).attr('uid');
            //     deleteRecords(id);
            // });
            // 
            // $('.btn_edit').click(function(){
            //     var uid = $(this).attr('uid');
            //     $("#form_edit [name='image_url']").attr('src', '');
            //     $("#form_edit input[type='file']").val('');
                
            //     $.ajax({
            //         type : 'GET',
            //         url  : "{{ route('manage::platform::firm::get') }}",
            //         dataType : 'json',
            //         data : {
            //             'id' : uid
            //         },
            //         success: function(sendback){
            //             $.each(sendback, function(key, value) {
            //                 var obj = $("#form_edit [name='" + key + "']");
            //                 if ($(obj).is('img')) {
            //                     $(obj).attr('src', value);
            //                 } else if ($(obj).hasClass('select2')) {
            //                     $(obj).select2("val", value); 
            //                 } else {
            //                     $(obj).val(value);     
            //                 } 
            //             });
            //             $('#modal_edit_firm').modal('show');
            //         },
            //         error: function(){
            //             toastr['error']('發生錯誤，請重新整理後再嘗試');
            //         }
            //     });
            // });
            
            $('#form_add').ajaxForm({
                type: "POST",
                dataType: "json",
                beforeSubmit: function () {
                    $('#form_success_alert').show();
                    $('#form_error_alert').hide();
                    return $("#form_add").valid();
                },
                success: function (returnData) {
                    $('#modal_add_firm').modal('hide');
                    window.location.reload();
                },
                error: function(){
                    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'));
                }
            });
            
            $('#form_add').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:{
                    name:{
                        required:true,
                        maxlength:50,
                    },
                    type:{
                        required:true
                    },
                    tel_no:{
                        required:true,
                        maxlength: 30
                    }
                },
                messages:{
                    name:{
                        required:'廠商名稱不可為空',
                        maxlength:'廠商名稱的字元長度不可以超過50個字元',
                    },
                    type:{
                        required:'類型未選擇'
                    },
                    tel_no:{
                        required:'連絡電話不可為空',
                        maxlength: '連絡電話字元長度不可以超過30個字元'
                    }
                },

                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
                }
            });
            
            $('#form_edit').ajaxForm({
                type: "POST",
                dataType: "json",
                beforeSubmit: function () {
                    $('#form_success_alert').show();
                    $('#form_error_alert').hide();
                    return $("#form_edit").valid();
                },
                success: function (returnData) {
                    $('#modal_edit_firm').modal('hide');
                    window.location.reload();
                },
                error: function(){
                    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>' )
                            });
                        } else if (key == 'message') {
                            toastr['error'](data);    
                        }
                    });
                    $('#form_success_alert').hide();
                    $('#form_error_alert').show();
                    $('.modal').scrollTop($('#form_error_alert'));
                }
            });
            
            $('#form_edit').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:{
                    name:{
                        required:true,
                        maxlength:50,
                    },
                    type:{
                        required:true
                    },
                    tel_no:{
                        required:true,
                        maxlength: 30
                    }
                },
                messages:{
                    name:{
                        required:'廠商名稱不可為空',
                        maxlength:'廠商名稱的字元長度不可以超過50個字元',
                    },
                    type:{
                        required:'類型未選擇'
                    },
                    tel_no:{
                        required:'連絡電話不可為空',
                        maxlength: '連絡電話字元長度不可以超過30個字元'
                    }
                },

                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
                }
            });
        });

        var deleteRecords = function(id) {
            bootbox.confirm("您確定要刪除指定的協力廠商?", function(result) {
                if(result == true){
                    $.ajax({
                        type : 'DELETE',
                        dataType : 'json',
                        url  : "{{ route('manage::platform::firm::delete') }}",
                        data : {
                            _token : $('#_token').val(),
                            id     : id
                        },
                        success : function(sendback){
                            window.location.reload();
                        },
                        error : function(sendback){
                            toastr['error']('刪除失敗，請重新整理後再試');
                        }
                    })
                }
            }); 
        }
        
        var callDataTable = function () {
            var table = $('#table_list');

            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": "此列表目前沒有資料",
                    "info": "顯示第 _START_ 到第 _END_ 則 共有 _TOTAL_ 則",
                    "infoEmpty": "沒有找到符合的資料",
                    "infoFiltered": "(從 _MAX_ 筆資料中過濾)",
                    "lengthMenu": "顯示 _MENU_ 則",
                    "search": "快速篩選:",
                    "zeroRecords": "目前沒有任何資料",
                    "paginate": {
                        "previous":"上一頁",
                        "next": "下一頁",
                        "last": "最後",
                        "first": "最前"
                    }
                },
                "bStateSave": false, // save datatable state(pagination, sort, etc) in cookie.
                "lengthMenu": [
                    [10, 20, 50, -1],
                    [10, 20, 50, "All"] // change per page values here
                ],
                // set the initial value
                "pageLength": 10
            });

            // $('#table_list tbody').on('click', '.checkboxes', function(){
            //     var checkedNum = $('.checkboxes:checked').length;
            //     if(checkedNum > 0){
            //         $('#btn_mass_delete').show();
            //     }else{
            //         $('#btn_mass_delete').hide();
            //     }
            // });

            
            // $(document).on('click','.btn_delete',function(){
            //     var id = $(this).attr('uid');
            //     deleteRecords(id);
            // });

            // $(document).on('click','.btn_edit',function(){
            //     var uid = $(this).attr('uid');
            //     $("#form_edit [name='image_url']").attr('src', '');
            //     $("#form_edit input[type='file']").val('');
                
            //     $.ajax({
            //         type : 'GET',
            //         url  : "{{ route('manage::platform::firm::get') }}",
            //         dataType : 'json',
            //         data : {
            //             'id' : uid
            //         },
            //         success: function(sendback){
            //             $.each(sendback, function(key, value) {
            //                 var obj = $("#form_edit [name='" + key + "']");
            //                 if ($(obj).is('img')) {
            //                     $(obj).attr('src', value);
            //                 } else if ($(obj).hasClass('select2')) {
            //                     $(obj).select2("val", value); 
            //                 } else {
            //                     $(obj).val(value);     
            //                 } 
            //             });
            //             $('#modal_edit_firm').modal('show');
            //         },
            //         error: function(){
            //             toastr['error']('發生錯誤，請重新整理後再嘗試');
            //         }
            //     });
            // });

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

            // $('.checkboxes', table).change(function(){
            //     var checkedNum = $('.checkboxes:checked').length;
            //     if(checkedNum > 0){
            //         $('#btn_mass_delete').show();
            //     }else{
            //         $('#btn_mass_delete').hide();
            //     }
            // });
        }
    </script>
@endsection