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

<?php $__env->startSection('page-content-wrapper'); ?>
    <div id="loadbox"></div>
	<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="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>
                        <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="btn-group pull-right">
                            <a class="btn purple dropdown-toggle pull-right" data-toggle="dropdown" href="javascript:;"> 快速篩選
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="javascript:;" id="btn_query"> 條件查詢 / 列印報表 </a>
                                </li>
                            </ul>
                        </div>
                        <?php echo $__env->make('manage.storage.partials.ReportList', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
						<div class="portlet-body">
							<table class="table table-striped table-bordered table-hover" id="table_list">

							</table>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>

		</div>
    </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">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">條件查詢</h4>
            </div>
            <form id="form_query" action="" class="form-horizontal">
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-4 control-label">領用日期</label>
                            <div class="col-md-8">
                                <div class="input-group input-large date-picker input-daterange">
                                    <input type="text" class="form-control date-picker" name="from" id="from" data-date-format="yyyy-mm-dd">
                                    <span class="input-group-addon"> 到 </span>
                                    <input type="text" class="form-control date-picker" name="to"  id="to" data-date-format="yyyy-mm-dd">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label">儲物編號</label>
                            <div class="col-md-8">
                                <div class="input-group input-large date-picker input-daterange">
                                    <select class="form-control select2" name="storage_from" id="storage_from">
                                        <option value="">請選擇</option>
                                        <?php foreach($storages as $storage): ?>
                                            <option value="<?php echo e($storage->no); ?>"><?php echo e($storage->no); ?>-<?php echo e($storage->storage_name); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                    <span class="input-group-addon"> 到 </span>
                                    <select class="form-control select2" name="storage_to" id="storage_to">
                                        <option value="">請選擇</option>
                                        <?php foreach($storages as $storage): ?>
                                            <option value="<?php echo e($storage->no); ?>"><?php echo e($storage->no); ?>-<?php echo e($storage->storage_name); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label">部門代碼</label>
                            <div class="col-md-8">
                                <div class="input-group input-large date-picker input-daterange">
                                    <select class="form-control select2" name="department_from" id="department_from">
                                        <option value="">請選擇</option>
                                        <?php foreach($departments as $department): ?>
                                            <option value="<?php echo e($department->no); ?>"><?php echo e($department->no); ?> - <?php echo e($department->name); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                    <span class="input-group-addon"> 到 </span>
                                    <select class="form-control select2" name="department_to" id="department_to">
                                        <option value="">請選擇</option>
                                        <?php foreach($departments as $department): ?>
                                            <option value="<?php echo e($department->no); ?>"><?php echo e($department->no); ?> - <?php echo e($department->name); ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label">選擇項目</label>
                            <div class="col-md-8">
                                <label class="radio-inline"><input type="radio" name="choice" value="0" checked="">全部</label>
                                <label class="radio-inline"><input type="radio" name="choice" value="1">期間有領用的儲物</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label">領用篩選</label>
                            <div class="col-md-8">
                                <label class="radio-inline label_hide"><input type="radio" name="source" value="" checked>全部</label>
                                <label class="radio-inline label_hide"><input type="radio" name="source" value="1">儲物領用</label>
                                <label class="radio-inline label_show"><input type="radio" name="source" value="2">修繕領用</label>
                            </div>
                        </div>
                        <div id="fault_select" class="form-group" style="display: none;">
                            <label class="col-md-4 control-label">修繕篩選</label>
                            <div class="col-md-8">
                                <label class="radio-inline"><input type="radio"  name="fault_type" value="0" checked>全部</label>
                                <label class="radio-inline"><input type="radio"  name="fault_type" value="1">室內</label>
                                <label class="radio-inline"><input type="radio"  name="fault_type" value="2">公區</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                    <button type="button" class="btn blue btn_query_submit" value="print">列印</button>
                    <button type="button" class="btn green btn_query_submit2" value="query">查詢</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('plugins_page_level'); ?>
    <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/moment.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
    <script>
        $(document).ready(function(){
            callDataTable();
            $('#from').datepicker({
                orientation: "left",
                autoclose: true,
            }).datepicker("setDate", new Date());
            $('#to').datepicker({
                orientation: "left",
                autoclose: true,
            }).datepicker("setDate", new Date());

        });
        $(document).on('click','.btn_query_submit',function(){
            var form = $('#form_query');
            form.attr("action", '<?php echo e(route('manage::storage::picklist_print2')); ?>');
            form.submit();
        });
        $(document).on('click','.btn_query_submit2',function(){
            var form = $('#form_query');
            form.attr("action", '<?php echo e(route('manage::storage::picklist_report2')); ?>');
            form.submit();
        });
        $(document).on('click','.label_show',function(){
            $('#fault_select').css('display','block');
        });
        $(document).on('click','.label_hide',function(){
            $('#fault_select').css('display','none');
        });
        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,
                "aoColumns":[
                    {"sTitle":"領用日期"},
                    {"sTitle":"領用單號"},
                    {"sTitle":"領用單位"},
                    {"sTitle":"領用人"},
                    {"sTitle":"領用類型"},
                    {"sTitle":"儲物代號"},
                    {"sTitle":"儲物名稱"},
                    {"sTitle":"核發數"},
                    {"sTitle":"用途說明"},
                    {"sTitle":"領用原因"},
                ],
                "aaData":[<?php echo $dataArray; ?>],
                "order":[
                    [0,"desc"]
                ]
            });
        }
        $(document).on('click','#btn_query',function(){
            $('#modal_query').modal('show');
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>