<?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/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')); ?>" />
    <link rel="stylesheet" type="text/css"
        href="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css')); ?>" />
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.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')); ?>" />
    <link rel="stylesheet" type="text/css"
        href="<?php echo e(asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css')); ?>" />
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-content-wrapper'); ?>
    <div class="page-content-wrapper" id="main">
        <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="javascript:void(0)">首頁</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:void(0)">汽機車充電系統</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="javascript:void(0)">充電設定</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN DASHBOARD STATS -->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <div class="table-toolbar">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="btn-group">
                                            <a id="btn_query" href="javascript:;" class="btn green">
                                                資料建立 API<i class="fa fa-plus"></i>
                                            </a>
                                        </div>
                                        <button id="btn_mass_delete" class="btn btn-primary" data-toggle="modal"
                                            data-target="#modal_fc_edit">
                                            選擇廠商</i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-striped table-bordered table-hover" id="table_access">
                                <thead>
                                    <tr>
                                        <th>
                                            ID
                                        </th>
                                        <th>
                                            廠商
                                        </th>
                                        <th>
                                            API路徑
                                        </th>
                                        <th>
                                            狀態
                                        </th>
                                        <th>
                                            動作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($dataArray['charge_setting'] as $item): ?>
                                        <tr class="odd gradeX">
                                            <td>
                                                <?php echo e($item->id); ?>

                                            </td>
                                            <td>
                                                <?php echo e($item->factory_name); ?>

                                            </td>
                                            <td>
                                                <?php echo e($item->url); ?>

                                            </td>
                                            <td>
                                                <?php if($item->status == 1): ?>
                                                    <span class="label label-sm label-success"> 啟用中 </span>
                                                <?php else: ?>
                                                    <span class="label label-sm label-danger"> 停用中 </span>
                                                <?php endif; ?>
                                            </td>
                                            <td>
                                                <div class="btn-group">
                                                    <button class="btn btn-default btn-xs dropdown-toggle" type="button"
                                                        data-toggle="dropdown" aria-expand ed="false">
                                                        <?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_edit" href="javascript:;"
                                                                data-id="<?php echo e($item->id); ?>">
                                                                <i class="fa fa-pencil"></i>
                                                                <?php echo app('translator')->get('messages.edit'); ?> </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- END EXAMPLE TABLE PORTLET-->
                </div>
            </div>
        </div>
        <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
    </div>

    <div class="modal fade draggable-modal" id="modal_query" tabindex="-1" role="basic" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-blue-madison">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title font-white">新增設定資料</h4>
                </div>
                <form id="form_query" method="POST" action="" class="form-horizontal">
                    <div class="modal-body">
                        <div class="form-body">
                            <div 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">廠商
                                    <span class="required" aria-required="true">*</span>
                                </label>
                                <div class="col-md-9">
                                    <select class="form-control" name="factory_chose">
                                        <?php foreach($dataArray['factory'] as $item): ?>
                                            <option value="<?php echo e($item->id); ?>" <?php if($chose_factory === $item->factory_code): ?> selected <?php endif; ?>>
                                                <?php echo e($item->factory_name); ?>

                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label">API路徑<span class="required"
                                        aria-required="true"> * </span></label>
                                <div class="col-md-9">
                                    <input type="text" name="url" class="form-control" placeholder="請輸入API路徑">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
                        <button type="button" class="btn gray" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                        <button type="submit" class="btn blue" value="print">送出</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade draggable-modal" id="modal_edit" tabindex="-1" role="basic" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-blue-madison">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title font-white">編輯廠商資料</h4>
                </div>
                <form id="form_edit" method="POST" action="" class="form-horizontal">
                    <div class="modal-body">
                        <div class="form-body">
                            <div class="form-group">
                                <label class="col-md-3 control-label">廠商<span class="required" aria-required="true"> *
                                    </span></label>
                                <div class="col-md-9">
                                    <input type="text" id="factory_name2" name="factory_name2" class="form-control" readonly>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-3 control-label">API路徑<span class="required"
                                        aria-required="true"> * </span></label>
                                <div class="col-md-9">
                                    <input type="text" id="url2" name="url2" class="form-control" placeholder="請輸入API路徑">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" name="id2" id="id2">
                        <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
                        <button type="button" class="btn gray" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                        <button type="submit" class="btn blue" value="print">送出</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade draggable-modal" id="modal_fc_edit" tabindex="-1" role="basic" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-blue-madison">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title font-white">選擇廠商</h4>
                </div>
                <form id="chose_setting" method="POST" action="" class="form-horizontal">
                    <div class="modal-body">
                        <h2>目前選擇廠商:
                            <span class="text-danger">
                                <?php if($chose_factory === 'yulon'): ?>
                                    裕隆
                                <?php endif; ?>
                                <?php if($chose_factory === 'fetnet'): ?>
                                    遠傳
                                <?php endif; ?>
                                <?php if($chose_factory === 'jean'): ?>
                                    新美齊
                                <?php endif; ?>
                            </span>
                        </h2>
                        <div class="form-body">
                            <select class="form-control" name="factory_chose">
                                <?php foreach($dataArray['factory'] as $item): ?>
                                    <option value="<?php echo e($item->id); ?>" <?php if($chose_factory === $item->factory_code): ?> selected <?php endif; ?>>
                                        <?php echo e($item->factory_name); ?>

                                    </option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
                        <button type="button" class="btn gray" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                        <button type="submit" class="btn blue" value="print">送出</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
<?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/datatables/media/js/jquery.dataTables.min.js')); ?>"></script>
    <script type="text/javascript"
        src="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.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/bootstrap-datepicker/js/bootstrap-datepicker.min.js')); ?>"></script>
    <script type="text/javascript"
        src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-TW.min.js')); ?>">
    </script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js')); ?>">
    </script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/additional-methods.js')); ?>">
    </script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.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>
        $(document).ready(function() {

            var table = $('#table_access');
            var oTable = table.dataTable({
                // Internationalisation. For more info refer to http://datatables.net/manual/i18n
                "language": {
                    "aria": {
                        "sortAscending": ": activate to sort column ascending",
                        "sortDescending": ": activate to sort column descending"
                    },
                    "emptyTable": "<?php echo app('translator')->get('messages.datatable_no_data'); ?>",
                    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
                    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
                    "infoFiltered": "(<?php echo app('translator')->get('messages.from'); ?> _MAX_ <?php echo app('translator')->get('messages.records_filter'); ?>)",
                    "lengthMenu": "<?php echo app('translator')->get('messages.show'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
                    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
                    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
                    "paginate": {
                        "previous": "<?php echo app('translator')->get('messages.last_page'); ?>",
                        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
                        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
                        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
                    }
                },
                "aaSorting": [
                    [1, 'desc']
                ],
                "lengthMenu": [
                    [10, 20, 50, -1],
                    [10, 20, 50, "All"] // change per page values here
                ],
                // set the initial value
                "pageLength": 10,
                "pagingType": "bootstrap_full_number",
            });
        });

        $(document).on('change', '#class_id', function() {
            var uname = $(this).find(':selected').attr('uname');
            $('#class_name').val(uname);
        });

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

        // 取得廠商設定
        $(document).on('click', '.btn_edit', function() {
            var id = $(this).data('id');
            $.ajax({
                type: 'GET',
                url: "<?php echo e(route('manage::charge::setting::get_setting')); ?>",
                dataType: 'json',
                data: {
                    id: id,
                    _token: $('#_token').val(),
                },
                success: function(sendback) {
                    $("#form_edit input[name='factory_name2']").val(sendback.data.factory_name);
                    $("#form_edit input[name='url2']").val(sendback.data.url);
                    $("#form_edit input[name='id2']").val(sendback.data.id);
                    $('#modal_edit').modal('show');
                }
            });
        });

        // 新增廠商
        $('#form_query').validate({
            errorElement: 'span', //default input error message container
            errorClass: 'help-block help-block-error', // default input error message class
            focusInvalid: false, // do not focus the last invalid input
            ignore: "", // validate all fields including form hidden input
            rules: {
            },
            messages: {
            },

            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) {
                var form = $('#form_query');
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "<?php echo e(route('manage::charge::setting::add_setting')); ?>",
                    data: form.serialize(),
                    success: function(sendback) {
                        toastr['success']('資料成功送出')
                        $('#modal_edit').modal('hide');
                        window.location.reload();
                    },
                    error: function(data) {
                        toastr['error'](data.responseJSON.message);
                        window.location.reload();
                    }
                });
            }
        });

        // 編輯廠商
        $('#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: {
            },
            messages: {
            },
            invalidHandler: function(event, validator) { //display error alert on form submit
            },

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

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

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

            submitHandler: function(form) {
                var form = $('#form_edit');
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "<?php echo e(route('manage::charge::setting::edit_setting')); ?>",
                    data: form.serialize(),
                    success: function(sendback) {
                        toastr['success']('資料成功送出')
                        $('#modal_edit').modal('hide');
                        window.location.reload();
                    },
                    error: function(data) {
                        toastr['error']('發生錯誤，請重新整理後再次操作');
                        window.location.reload();
                    }
                });
            }
        });

        // 選擇廠商
        $('#chose_setting').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
                },
            },
            messages: {
                name: {
                    required: '請輸入類別名稱'
                },
            },

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

            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) {

                var form = $('#chose_setting');
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "<?php echo e(route('manage::charge::setting::chose_setting')); ?>",
                    data: form.serialize(),
                    success: function(sendback) {
                        toastr['success']('資料成功送出')
                        $('#modal_fc_edit').modal('hide');
                        window.location.reload();
                    },
                    error: function(data) {
                        // toastr['error']('發生錯誤，請重新整理後再次操作');
                        // window.location.reload();
                    }
                });
            }
        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>