<?php $__env->startSection('css_page_level'); ?>
<style type="text/css">
    #radioBtn_frequency .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #checkBtn_checkDay .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #radioBtn_cycleWay .notActive{
        color: #3276b1;
        background-color: #fff;
    }
    #radioBtn_enddate .notActive{
        color: #3276b1;
        background-color: #fff;
    }

</style>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.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="<?php echo e(route('manage::index')); ?>"><?php echo app('translator')->get('messages.homepage'); ?></a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#"><?php echo app('translator')->get('messages.electro_mechanical_manage'); ?></a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="#"><?php echo app('translator')->get('messages.electro_mechanical_patrol'); ?></a>
                    </li>
                </ul>
                <div class="page-toolbar">

                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN DASHBOARD STATS -->
            <div class="row">
                <div class="col-md-12">
                    <!-- BEGIN EXAMPLE TABLE PORTLET-->
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <!-- Start Quick Filter -->
                            <div class="table-toolbar">
                                <div class="row" >
                                    <div class="col-md-12" style="margin-bottom:10px;">
                                        <button id="btn_modal_add" class="btn green" >新增<i class="fa fa-plus"></i></button>
                                        <button id="btn_mass_delete" class="btn red" style="display:none;"><?php echo app('translator')->get('messages.del'); ?> <i class="fa fa-trash"></i></button>
                                    </div>

                                    <form id="form_page" name="form_page_url" action="<?php echo e(route('manage::electro_mechanical::patrol')); ?>" class="form-horizontal">
                                        <div class="col-md-6">
                                            <div class="dataTables_length" id="table_electro_mechanical_length" >
                                                <label>顯示</label>
                                                <select onchange="$('#form_page').submit();" name="prepage" aria-controls="table_guest" class="form-control input-sm input-xsmall input-inline">
                                                    <option value="10" <?php echo e(Input::get('prepage')==10? 'selected':''); ?>>10</option>
                                                    <option value="20" <?php echo e(Input::get('prepage')==20? 'selected':''); ?>>20</option>
                                                    <option value="50" <?php echo e(Input::get('prepage')==50? 'selected':''); ?>>50</option>
                                                </select> 則
                                            </div>
                                        </div>
                                    </form>

                                </div>
                            </div>
                            <!-- End Quick Filter -->
                            <table class="table table-striped table-bordered table-hover" id="table_guest">
                                <thead>
                                    <tr>
                                        <!-- <th>
                                            <input type="checkbox" id="chk_all" />
                                        </th> -->
                                        <th>
                                            檢查人員
                                        </th>
                                        <th>
                                            檢查單名稱
                                        </th>
                                        <th>
                                            檢查地點
                                        </th>
                                        <th>
                                            檢查時間
                                        </th>
                                        <th>
                                            摘要
                                        </th>
                                        <th>
                                            動作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($electro_mechanical_patrols as $electro_mechanical_patrol): ?>
                                        <tr class="odd gradeX">
                                            <!-- <td>
                                                <input class='chk_check' type="checkbox" value="<?php echo e($electro_mechanical_patrol->id); ?>">
                                            </td> -->
                                            <td>
                                                <?php echo e($electro_mechanical_patrol->name); ?>

                                            </td>
                                            <td>
                                                <?php echo e($electro_mechanical_patrol->list_name); ?>

                                            </td>
                                            <td>
                                                <?php echo e($electro_mechanical_patrol->place); ?>

                                            </td>
                                            <td>
                                                <?php echo e($electro_mechanical_patrol->time); ?>

                                            </td>
                                            <td>
                                                <?php echo e($electro_mechanical_patrol->summary); ?>

                                            </td>

                                            <td>
                                                <div class="btn-group">
                                                    <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    <?php echo app('translator')->get('messages.action'); ?> <i class="fa fa-angle-down"></i>
                                                    </button>
                                                    <ul class="dropdown-menu pull-right" role="menu">
                                                        <!-- <li>
                                                            <a class="btn_edit" href="javascript:;">
                                                            <i class="fa fa-pencil"></i>
                                                            <?php echo app('translator')->get('messages.edit'); ?> </a>
                                                        </li> -->
                                                        <li>
                                                            <a class="btn_delete" href="javascript:;" uid="<?php echo e($electro_mechanical_patrol->id); ?>" data-value="<?php echo e($electro_mechanical_patrol->id); ?>">
                                                            <i class="fa fa-trash-o"></i>
                                                            <?php echo app('translator')->get('messages.del'); ?> </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                    <?php endforeach; ?>
                                </tbody>

                            </table>
                        </div>

                        <!-- 新增Model -->
                        <div class="modal fade draggable-modal" id="modal_add" role="basic" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header bg-blue-soft">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                            <h4 class="modal-title font-white" >新增機電巡檢路線</h4>
                                        </div>
                                        <form id="form_add" action="" class="form-horizontal">
                                            <div class="modal-body">
                                                <div class="form-body">
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢人員</label>
                                                        <div class="col-md-6">
                                                            <select id="user_id" class="form-control select2me">
                                                                <?php foreach($users as $user): ?>
                                                                <option value="<?php echo e($user->id); ?>"><?php echo e($user->name); ?></option>
                                                                <?php endforeach; ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">檢查單名稱</label>
                                                        <div class="col-md-6">
                                                            <select id="list_id" name="list" class="form-control select2me">
                                                                <?php foreach($lists as $list): ?>
                                                                <option value="<?php echo e($list->id); ?>"><?php echo e($list->name); ?></option>
                                                                <?php endforeach; ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢頻率</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_frequency" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="frequency" data-title="day" >每天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="week" >每周</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="month" >每月</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="year" >每年</a>
                                                                <input id='frequency' type="hidden" name="frequency" value='day'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢間隔</label>
                                                        <div class="col-md-6" style="padding-left: 0px;">
                                                            <div class="col-md-3">
                                                                <select id="interval" class="form-control select2me">
                                                                    <?php for($i=1 ;$i<= 30;$i++): ?>
                                                                    <option value="<?php echo e($i); ?>"><?php echo e($i); ?></option>
                                                                    <?php endfor; ?>
                                                                </select>
                                                            </div>

                                                            <input id="interval_unit" style=" background-color: #FFF; border: 0px;font-size: 18px;margin-top: 4px;" value="天" readonly="true">

                                                        </div>
                                                    </div>
                                                    <!-- 每周獨有選項 -->
                                                    <div id="div_checkDay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">檢查日</label>
                                                        <div class="col-md-9">
                                                            <div id="checkBtn_checkDay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="1" >一</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="2" >二</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="3" >三</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="4" >四</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="5" >五</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="6" >六</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="7" >日</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- 每月獨有選項 -->
                                                    <div id="div_cycleWay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">重複方式</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_cycleWay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="cycleWay" data-title="day" >每月第幾天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="cycleWay" data-title="week" >星期幾</a>
                                                                <input id='cycleWay' type="hidden" value='day'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢時間</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group">
                                                                <input type="text" id="patrol_time" value="" class="item-timepicker form-control" readonly="true" />
                                                                <span class="input-group-btn">
                                                                    <button id="patrol_time_btn" class="btn default" type="button"><i class="fa fa-clock-o"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">開始日期</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group date form_datetime">
                                                                <input id="start_date" name="start_date" type="text" size="16" readonly class="form-control" value="<?php echo e($today); ?>">
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">結束日期</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_enddate" class="btn-group">
                                                                <!-- <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="forever" >永不結束</a> -->
                                                                <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="date" >指定日期</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="enddate"" data-title="times" >巡邏次數</a>
                                                                <input id='endWay' type="hidden" value='date'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id='div_end_date_times' class="form-group"  style="display: none;">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <input id='patrol_times' type="text" value=''>
                                                        </div>
                                                    </div>
                                                    <div id='div_end_date_date' class="form-group">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <div class="input-group date form_datetime">
                                                                <input id="end_date" type="text" size="16" readonly class="form-control" >
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">摘要</label>
                                                        <div class="col-md-9">
                                                            <textarea id="summary" type="text" cols="50" rows="5" readonly="true" style="font-size: 14px; border: 0px;background-color: #FFF;margin-top: 6px;resize: none;"></textarea>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">檢查原因</label>
                                                        <div class="col-md-9">
                                                            <textarea id="note" cols="50" rows="5" placeholder="請輸入檢查原因"></textarea>
                                                        </div>
                                                    </div>

                                                    <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                                                </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>

                        <!-- 修改Model -->
                        <div class="modal fade draggable-modal" id="modal_edit" role="basic" aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header bg-blue-soft">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                            <h4 class="modal-title font-white" >修改機電巡檢路線</h4>
                                        </div>
                                        <form id="form_add" action="" class="form-horizontal">
                                            <div class="modal-body">
                                                <div class="form-body">
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢人員</label>
                                                        <div class="col-md-6">
                                                            <select id="user_id" class="form-control select2me">
                                                                <?php foreach($users as $user): ?>
                                                                <option value="<?php echo e($user->id); ?>"><?php echo e($user->name); ?></option>
                                                                <?php endforeach; ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">檢查單名稱</label>
                                                        <div class="col-md-6">
                                                            <select id="list_id" name="list" class="form-control select2me">
                                                                <?php foreach($lists as $list): ?>
                                                                <option value="<?php echo e($list->id); ?>"><?php echo e($list->name); ?></option>
                                                                <?php endforeach; ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢頻率</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_frequency" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="frequency" data-title="day" >每天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="week" >每周</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="month" >每月</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="frequency" data-title="year" >每年</a>
                                                                <input id='frequency' type="hidden" name="frequency" value='day'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢間隔</label>
                                                        <div class="col-md-6" style="padding-left: 0px;">
                                                            <div class="col-md-3">
                                                                <select id="interval" class="form-control select2me">
                                                                    <?php for($i=1 ;$i<= 30;$i++): ?>
                                                                    <option value="<?php echo e($i); ?>"><?php echo e($i); ?></option>
                                                                    <?php endfor; ?>
                                                                </select>
                                                            </div>

                                                            <input id="interval_unit" style=" background-color: #FFF; border: 0px;font-size: 18px;margin-top: 4px;" value="天" readonly="true">

                                                        </div>
                                                    </div>
                                                    <!-- 每周獨有選項 -->
                                                    <div id="div_checkDay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">檢查日</label>
                                                        <div class="col-md-9">
                                                            <div id="checkBtn_checkDay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="1" >一</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="2" >二</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="3" >三</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="4" >四</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="5" >五</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="6" >六</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="checkDay" data-title="7" >日</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- 每月獨有選項 -->
                                                    <div id="div_cycleWay" class="form-group" style="display: none">
                                                        <label class="col-md-3 control-label">重複方式</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_cycleWay" class="btn-group">
                                                                <a class="btn btn-primary btn-sm active" data-toggle="cycleWay" data-title="day" >每月第幾天</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="cycleWay" data-title="week" >星期幾</a>
                                                                <input id='cycleWay' type="hidden" value='day'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">巡檢時間</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group">
                                                                <input type="text" id="patrol_time" value="" class="item-timepicker form-control" readonly="true" />
                                                                <span class="input-group-btn">
                                                                    <button id="patrol_time_btn" class="btn default" type="button"><i class="fa fa-clock-o"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">開始日期</label>
                                                        <div class="col-md-6">
                                                            <div class="input-group date form_datetime">
                                                                <input id="start_date" name="start_date" type="text" size="16" readonly class="form-control" value="<?php echo e($today); ?>">
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">結束日期</label>
                                                        <div class="col-md-9">
                                                            <div id="radioBtn_enddate" class="btn-group">
                                                                <!-- <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="forever" >永不結束</a> -->
                                                                <a class="btn btn-primary btn-sm active" data-toggle="enddate"" data-title="date" >指定日期</a>
                                                                <a class="btn btn-primary btn-sm notActive" data-toggle="enddate"" data-title="times" >巡邏次數</a>
                                                                <input id='endWay' type="hidden" value='date'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div id='div_end_date_times' class="form-group"  style="display: none;">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <input id='patrol_times' type="text" value=''>
                                                        </div>
                                                    </div>
                                                    <div id='div_end_date_date' class="form-group">
                                                        <label class="col-md-3 control-label"></label>
                                                        <div  class="col-md-6" >
                                                            <div class="input-group date form_datetime">
                                                                <input id="end_date" type="text" size="16" readonly class="form-control" >
                                                                <span class="input-group-btn">
                                                                <button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">摘要</label>
                                                        <div class="col-md-9">
                                                            <textarea id="summary" type="text" cols="50" rows="5" readonly="true" style="font-size: 14px; border: 0px;background-color: #FFF;margin-top: 6px;resize: none;"></textarea>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-3 control-label">檢查原因</label>
                                                        <div class="col-md-9">
                                                            <textarea id="note" cols="50" rows="5" placeholder="請輸入檢查原因"></textarea>
                                                        </div>
                                                    </div>

                                                    <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                                                </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>



                        <div class="row">
                            <div class="col-md-5 col-xs-5">
                                <div class="dataTables_info" id="table_list_info" role="status" aria-live="polite">
                                    <p>顯示第 <?php echo e($electro_mechanical_patrols->firstItem()); ?> 到第 <?php echo e($electro_mechanical_patrols->lastItem()); ?> 則 共有 <?php echo e($electro_mechanical_patrols->total()); ?> 則</p>
                                </div>
                            </div>
                            <div class="col-md-7 col-xs-7">
                                <div class="pull-right" id="table_list_paginate">
                                    <?php echo $electro_mechanical_patrols->appends(Input::all())->render(); ?>

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

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

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

<?php $__env->startSection('js_page_level'); ?>
<script>
$(document).ready(function(){

    $(".form_datetime").datetimepicker({
        autoclose: true,
        format:"yyyy-mm-dd",
        startView:'month',
        minView: 3,
        todayHighlight: true,
        language: "zh-TW"
    });
    $('.item-timepicker').timepicker({
        autoclose: true,
        showSeconds: false,
        showMeridian: false
    });

    $("#end_date").val(moment().format('YYYY-MM-DD'));
    getSummary();


    $('#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:{

                },
                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) {
                    $('#form_success_alert').show();
                    $('#form_error_alert').hide();

                    //確認表單正確，Ajax送出
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        url: "<?php echo e(route('manage::electro_mechanical::patrol_Add')); ?>",
                        data: {
                            user_id     : $('#user_id').val(),
                            list_id     : $('#list_id').val(),
                            frequency   : $('#frequency').val(),
                            interval    : $('#interval').val(),
                            cycleWay   : $('#cycleWay').val(),
                            weekDay     : checkDay,
                            endWay      : $('#endWay').val(),
                            patrol_times: $('#patrol_times').val(),
                            patrol_time : $('#patrol_time').val(),
                            summary     : $('#summary').val(),
                            note         : $('#note').val(),
                            start_date  : $('#start_date').val(),
                            end_date    : $('#end_date').val(),
                            _token      : $('#_token').val(),
                        },
                        success: function(sendback){
                            $('#modal_add').modal('hide');
                            window.location.reload();
                        },
                        error   : function ( data )
                        {
                            var errors = data.responseJSON;
                            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
                            $.each(errors, function (key, data) {
                                console.log(key);
                                if( key == 'errors'){
                                    $.each(data, function (index, data) {
                                        $( "input[name='"+index+"']").closest('.form-group').addClass('has-error');
                                        $( "input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
                                    });
                                } else if (key == 'message') {
                                    if (data.length > 0)
                                        toastr['error'](data);
                                }
                            });
                            $('#form_success_alert').hide();
                            $('#form_error_alert').show();
                            $('.modal').scrollTop($('#form_error_alert'));

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

//巡邏間隔
$(document).on('change','#interval',function(){
    getSummary();
});

//巡邏時間
$(document).on('click','#patrol_time_btn',function(){
    $('#patrol_time').focus();
});

//開始時間
$(document).on('change','#start_date',function(){
    getSummary();
});

//結束時間
$(document).on('change','#end_date',function(){
    getSummary();
});

//巡邏次數
$(document).on('keyup','#patrol_times',function(){
    getSummary();
});

$('#radioBtn_frequency a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');

    if(sel == 'day'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('天');

    }else if(sel == 'week'){
        $("#div_checkDay").css("display","block");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('週');
    }else if(sel == 'month'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","block");

        $('#interval_unit').val('個月');
    }else if(sel == 'year'){
        $("#div_checkDay").css("display","none");
        $("#div_cycleWay").css("display","none");

        $('#interval_unit').val('年');
    }
    $('#frequency').val(sel);
    getSummary();
})

var checkDay = [false,false,false,false,false,false,false];
$('#checkBtn_checkDay a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    if($(this).hasClass("active")){
        $(this).removeClass('active').addClass('notActive');
        checkDay[sel-1] = false;
    }else if($(this).hasClass("notActive")){
        $(this).removeClass('notActive').addClass('active');
        checkDay[sel-1] = true;
    }
    getSummary();
})

$('#radioBtn_cycleWay a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');

    $('#cycleWay').val(sel);
    getSummary();
})

$('#radioBtn_enddate a').on('click', function(){
    var sel = $(this).data('title');
    var tog = $(this).data('toggle');
    $('#'+tog).prop('value', sel);

    $('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
    $('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');

    if(sel == 'times'){
        $("#div_end_date_times").css("display","block");
        $("#div_end_date_date").css("display","none");
    }else if(sel == 'date'){
        $("#div_end_date_times").css("display","none");
        $("#div_end_date_date").css("display","block");

        if($("#end_date").val() ==''){
            $("#end_date").val(moment().format('YYYY-MM-DD'));
        }
    }else{
        $("#div_end_date_times").css("display","none");
        $("#div_end_date_date").css("display","none");
    }
    $("#endWay").val(sel);

    getSummary();
})

$('.btn_delete').click(function() {
    var value = $(this).data('value');
    var uid = $(this).attr('uid');
    $.ajax({
        type: 'POST',
        dataType: 'json',
        url: "<?php echo e(route('manage::electro_mechanical::patrol_Delete')); ?>",
        data: {
            id     : uid,
            _token      : $('#_token').val(),
        },
        success: function(sendback){
            window.location.reload();
        },
        error   : function ( data ){
        }
    });
});

$('.btn_edit').click(function() {
    $('#modal_edit').modal('show');
    var value = $(this).data('value');
    var uid = $(this).attr('uid');
    /*$.ajax({
        type: 'POST',
        dataType: 'json',
        url: "<?php echo e(route('manage::electro_mechanical::patrol_Edit')); ?>",
        data: {
            id     : uid,
            _token      : $('#_token').val(),
        },
        success: function(sendback){
            window.location.reload();
        },
        error   : function ( data ){
        }
    });*/
});

function getSummary(){
    var summary = '';

    var array = ['一', '二', '三', '四', '五', '六','日'];

    if($('#interval').val() == 1){
        summary = '每';
    }else{
        summary = '每'+$('#interval').val();
    }

    if($('#frequency').val() == 'day'){
        summary += '天 ，';
    }else if($('#frequency').val() == 'week'){
        summary += '周 ，';

        for(var i =0 ; i < 7; i++){
            if(checkDay[i]){
                summary += ' 星期'+array[i]+'、';
            }
        }
        summary = summary.substring(0,summary.length - 1);
        summary += '，';
    }else if($('#frequency').val() == 'month'){
        summary += '月 ，';
        if($('#cycleWay').val() == 'day'){
            var day = moment($('#start_date').val(), 'YYYY/MM/DD');
            summary += '第'+day.date()+'天 ，';
        }else if($('#cycleWay').val() == 'week'){
            summary += getNumOfWeek($('#start_date').val());
        }

    }else if($('#frequency').val() == 'year'){
        summary += '年 ，';
    }

    if($('#endWay').val() == 'forever'){
        summary = summary.substring(0,summary.length - 1);
    }else if($('#endWay').val() == 'times'){
        summary += ' 於'+$('#patrol_times').val()+'次後結束';
    }if($('#endWay').val() == 'date'){
        summary += ' 於'+$('#end_date').val()+'結束';
    }


    $('#summary').val(summary);
}

    function getNumOfWeek(date){
        var origin = new moment(date);
        var dd = new moment(date);
        dd.add('d', 7);

        if(origin.month() < dd.month()){
            return "最後一個"+dayTransfer(origin.day())+"，";
        }else{
            dd = new moment(date);
            dd.date(1);
            var week = 0;
            while(dd.date() <= origin.date() && dd.month() == origin.month()){
                if(dd.day() == origin.day()){
                    week = week + 1;
                }
                dd.add('d', 1);
            }
            return '第'+week+'個'+dayTransfer(origin.day())+'，';
        }
    }
    function dayTransfer(day){
        console.log(day);
        var array = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];

        return array[day];
    }
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>