
<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')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.css')); ?>"/>

<div class="form-body" style="background-color: white;height:31vh;">
	<div class="modal-body" style="background-color: white;">

		<div class="table-toolbar">
            <div class="row">
                <div class="col-md-6">
                    <div class="btn-group">
                        <a id="btn_add" href="javascript:;" class="btn btn-warning">
                         廠商資料建立 <i class="fa fa-plus"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>

		<table class="table table-striped table-bordered table-hover" id="table" style="background-color: white;">
			<thead>
				<tr style="background-color: #e8f8eb;">
					<th colspan="8" style="font-size: 2.5vh;">
						廠商資訊
					</th>
				</tr>
				<tr style="background-color: #e8f8eb;">
					<th style="width: 10%;">廠商編號</th>
					<th style="width: 15%;">廠商名稱</th>
					<th style="width: 15%;">廠商類型</th>
					<th style="width: 15%;">電話</th>
                    <th style="width: 15%;">費用名目</th>
                    <th style="width: 15%;">費用金額</th>
                    <th style="width: 15%;">動作</th>
				</tr>
			</thead>
			<tbody>
			<?php foreach($fdata as $one): ?>
			<tr>
				<td><?php echo e($one->no); ?></td>
				<td><?php echo e($one->name); ?></td>
				<td><?php echo e($one->type); ?></td>
				<td><?php echo e($one->tel_no); ?></td>
                <td><?php echo e($one->items); ?></td>
                <td><?php echo e($one->cost); ?></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="firm_edit" uid="<?php echo e($one->id); ?>" href="javascript:;">
                                <?php echo app('translator')->get('messages.edit'); ?> </a>
                            </li>
                            <li>
                                <a class="firm_del" uid="<?php echo e($one->id); ?>" href="javascript:;">刪除</a>
                            </li>                           
                        </ul>
                    </div>
                </td>
			</tr>
			<?php endforeach; ?>
			</tbody>
		</table>
	</div>
</div>
<div class="modal fade draggable-modal" id="modal_firm_add" 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>
           
            <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">
                            <input type="text" id="firm_name" name="firm_name" class="form-control" placeholder="請輸入廠商名稱"><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">編號<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                           <input type="text" id="firm_number" name="firm_number" class="form-control" placeholder="請輸入廠商編號"><p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">類型<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                           <select id="firm_type" name="firm_type" class="form-control" data-live-search="true" data-actions-box="true">
                                <option value="<?php echo app('translator')->get('messages.eating'); ?>"><?php echo app('translator')->get('messages.eating'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.dressing'); ?>"><?php echo app('translator')->get('messages.dressing'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.living'); ?>"><?php echo app('translator')->get('messages.living'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.going'); ?>"><?php echo app('translator')->get('messages.going'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.eduing'); ?>"><?php echo app('translator')->get('messages.eduing'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.loking'); ?>"><?php echo app('translator')->get('messages.loking'); ?></option>
                            </select><p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">所屬縣市<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <select id="firm_area" name="firm_area" class="form-control" data-live-search="true" data-actions-box="true">
                                <option value=""><?php echo app('translator')->get('messages.enter_place_from'); ?></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>
                                <option value="連江縣">連江縣</option>
                            </select><p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">連絡電話<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <input type="text" id="firm_tex" name="firm_tex" class="form-control" placeholder="請輸入連絡電話"><p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">費用名目<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <select id="firm_items" name="firm_items" class="form-control">
                                <?php foreach($acct as $one): ?>
                                <option value="<?php echo e($one->acct_id); ?>"><?php echo e($one->acct_id); ?> <?php echo e($one->acct_name); ?></option>
                                <?php endforeach; ?>
                            </select><p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-3 control-label">費用金額<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <input type="text" id="firm_cost" name="firm_cost" class="form-control" placeholder="請輸入費用金額"><p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
                <input type="hidden" id="add_select_text" name="add_select_text">
                <input type="hidden" id="add_select_text_door" name="add_select_text_door">
                <input type="hidden" id="add_select_text_floor" name="add_select_text_floor">
                <button type="button" class="btn gray" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                <button type="submit" id="submit_add_firm" class="btn blue">送出</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade draggable-modal" id="modal_firm_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>
            <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="fname" name="fname" class="form-control" placeholder="請輸入廠商名稱"><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">編號<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                           <input type="text" id="fnumber" name="fnumber" class="form-control" placeholder="請輸入廠商編號"><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">類型<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                           <select id="ftype" name="ftype" class="form-control" data-live-search="true" data-actions-box="true">
                                <option value="<?php echo app('translator')->get('messages.eating'); ?>"><?php echo app('translator')->get('messages.eating'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.dressing'); ?>"><?php echo app('translator')->get('messages.dressing'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.living'); ?>"><?php echo app('translator')->get('messages.living'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.going'); ?>"><?php echo app('translator')->get('messages.going'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.eduing'); ?>"><?php echo app('translator')->get('messages.eduing'); ?></option>
                                <option value="<?php echo app('translator')->get('messages.loking'); ?>"><?php echo app('translator')->get('messages.loking'); ?></option>
                            </select><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">所屬縣市<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <select id="farea" name="farea" class="form-control" data-live-search="true" data-actions-box="true">
                                <option value=""><?php echo app('translator')->get('messages.enter_place_from'); ?></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>
                                <option value="連江縣">連江縣</option>
                            </select><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">連絡電話<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <input type="text" id="ftex" name="ftex" class="form-control" placeholder="請輸入連絡電話"><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">費用名目<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <select id="fitems" name="fitems" class="form-control">
                                <?php foreach($acct as $one): ?>
                                <option value="<?php echo e($one->acct_id); ?>"><?php echo e($one->acct_id); ?> <?php echo e($one->acct_name); ?></option>
                                <?php endforeach; ?>
                            </select><p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-3 control-label">費用金額<span class="required" aria-required="true"> * </span></label>
                        <div class="col-md-9">
                            <input type="text" id="fcost" name="fcost" class="form-control" placeholder="請輸入費用金額"><p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="firm_edit_id">
                <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" id="submit_edit_firm" class="btn blue">送出</button>
            </div>
        </div>
    </div>
</div>

<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>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.js')); ?>" ></script>

<script>
	$(document).ready(function(){
		var table = $('#table');
	    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": [[0,'asc']],
	        "lengthMenu": [
	            [10],
	            [10] // change per page values here
	        ],
	        // set the initial value
	        "pageLength": 10,
	        "pagingType": "bootstrap_full_number",
	    });

	});

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

    
</script>
