<?php $__env->startSection('css_page_level'); ?>
<link href="<?php echo e(asset('assets/global/plugins/fullcalendar/fullcalendar.min.css')); ?>" rel="stylesheet"/>
<link href="<?php echo e(asset('assets/global/plugins/icheck/skins/all.css')); ?>" rel="stylesheet"/>
<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/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(); ?>

<style type="text/css">
	.fc-day:hover{
		box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
	}

</style>

<!-- 排程style -->
<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>

<?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="index.html"><?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.community_manage'); ?></a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#"><?php echo app('translator')->get('messages.neighberhood_calendar'); ?></a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PORTLET-->
					<?php if(count($errors) > 0): ?>
						<div id="form_error_alert" class="alert alert-danger">
						<button class="close" data-close="alert"></button>
							<ul>
					            <?php foreach($errors->all() as $error): ?>
					                <li><?php echo e($error); ?></li>
					            <?php endforeach; ?>
					        </ul>
						</div>
					<?php endif; ?>
					<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 class="portlet box green-meadow calendar">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-gift"></i><?php echo app('translator')->get('messages.calendar'); ?>
							</div>
						</div>
						<div class="portlet-body">
							<div class="row">
								
								<div class="col-md-12 col-sm-12">
									<div id="calendar" class="has-toolbar">
									</div>
								</div>
							</div>
							<!-- END CALENDAR PORTLET-->
						</div>
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
		<!--MODAL-->
	</div>
	<!--END MODAL-->
	<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">

	<!--Modal Function -Cal_Add start -->
	<div id="modal_cal_add_event" class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" >
		<div class="modal-dialog modal-lg" id="modal_cal_add_event_content">
			<div class="modal-content" >
				<div class="modal-header bg-green-soft">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title font-white"><?php echo app('translator')->get('messages.calendar_event'); ?></h4>
				</div>
				<form id="form_add_event" action="#" method="POST" class="form-horizontal">
					<div class="modal-body">
						<div class="form-body">
							<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
							<input type="hidden" id="cal_color" name="cal_color">
							<input type="hidden" name="id">
							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.event_title'); ?></label>
								<div class="col-md-3">
									<input type="text" name="title" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_event_title'); ?>">
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.publish_dept'); ?></label>
								<div class="col-md-3">
									<input type="text" name="author" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_publish_dept'); ?>">
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.location'); ?></label>
								<div class="col-md-3">
									<input type="text" name="location" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_event_location'); ?>">
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label">類別</label>
	                            <div class="col-md-3">
									<select id="cal_id" name="cal_id" class="bs-select form-control" onchange="javascript:getColor(this.options[this.options.selectedIndex].value)">
										<?php foreach($calendars as $calendar): ?>
										<option value="<?php echo e($calendar->id); ?>"><?php echo e($calendar->name); ?></option>
										<?php endforeach; ?>
									</select><br/>
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.event_explanation'); ?></label>
								<div class="col-md-9">
									<textarea name="info" class="form-control" rows="3"></textarea>
								</div>
							</div>
							
							<div class="form-group">
								<label class="col-md-3 control-label">檔案上傳</label>
								<div class="col-md-9">
									<img id="add_display" name="add_display" style="width: 270px; height: 250px;"/>
									<input type="file" name="add_cover_img" id="add_cover_img" style="margin-top:10px;">
									<input type="hidden" name="add_compressed_cover" id="add_compressed_cover" value="">
								</div>
							</div>

							<div class="form-group">
								<label class="col-md-3 control-label">附件上傳</label>
								<div class="col-md-9">
									<a type="button" class="btn green btn-xs" name="file" id="file_add" href=""></a>
									<input type="file" name="add_file" id="add_file" onchange="create_convertToBase64();">
									<input type="hidden" name="add_base64" id="add_base64" value="">
								</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-9" style="padding-left: 0px;">
	                                <div class="col-md-3">
	                                    <select id="interval" name="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' name="cycleWay" type="hidden" value='day'>
	                                </div>   
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label class="col-md-3 control-label">執行時間</label>
	                            <div class="col-md-3">
	                                <div class="input-group">
	                                    <input type="text" id="start_time" name="start_time" value="" class="item-timepicker form-control" readonly="true" />
	                                    <span class="input-group-btn">
	                                        <button id="start_time_btn" name="start_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-3">
	                                <div class="input-group">
	                                    <input type="text" id="end_time" name="end_time" value="" class="item-timepicker form-control" readonly="true" />
	                                    <span class="input-group-btn">
	                                        <button id="end_time_btn" name="end_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-3">
	                                <div class="input-group date form_date">
	                                    <input id="start_date" name="start_date" type="text" size="16" readonly class="form-control" value="<?php echo e(date('Y-m-d')); ?>">
	                                    <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' name="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-3" >
	                                <input id='times' name="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-3" >
	                                <div class="input-group date form_date">
	                                    <input id="end_date" name="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"><br>
								<div class="form-group">
									<label class="control-label">開始時間</label>
									<div class="input-group date form_datetime">
										<input name="start" type="text"  class="form-control" readonly>
										<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="control-label">結束時間</label>
								<div class="input-group date form_datetime">
									<input  type="text" name="end"  class="form-control" readonly>
									<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>

					<div class="modal-footer">
						<input type="hidden" id="weekDay" name="weekDay" value="">
						<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
						<button type="submit" class="btn green "><?php echo app('translator')->get('messages.add'); ?></button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--Modal Function -Cal_Add end -->

	<!--Modal Function -Cal_Edit start -->
	<div id="modal_cal_edit_event" class="modal fade bs-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-sm" id="modal_cal_edit_event_content">
			<div class="modal-content" >
				<form id="form_edit_event" action="#" method="POST">
					<div class="modal-header bg-green-soft">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
						<h4 class="modal-title font-white"><?php echo app('translator')->get('messages.calendar_event'); ?></h4>
					</div>
					<div class="modal-body">
						<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
						<input type="hidden" id="cal_color" name="cal_color">
						<input type="hidden" name="id">
						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.event_title'); ?></label>
							<input type="text" name="title" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_event_title'); ?>">
						</div>

						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.publish_dept'); ?></label>
							<input type="text" name="author" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_publish_dept'); ?>">
						</div>

						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.location'); ?></label>
							<input type="text" name="location" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_event_location'); ?>">
						</div>

						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.event_explanation'); ?></label>
							<textarea name="info" class="form-control" rows="3"></textarea>
						</div>

						<div class="form-group">
							<label class="control-label">開始時間</label>
							<div class="input-group date form_datetime ">
								<input name="start" type="text"  class="form-control" readonly>
								<span class="input-group-btn">
									<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
								</span>
							</div>
						</div>

						<div class="form-group">
							<label class="control-label">結束時間</label>
							<div class="input-group date form_datetime ">
								<input  type="text" name="end"  class="form-control" readonly>
								<span class="input-group-btn">
									<button class="btn default date-set" type="button"><i class="fa fa-calendar"></i></button>
								</span>
							</div>
						</div>

						<select id="cal_id" name="cal_id" class="bs-select form-control" onchange="javascript:getColor(this.options[this.options.selectedIndex].value)">
							<?php foreach($calendars as $calendar): ?>
							<option value="<?php echo e($calendar->id); ?>"><?php echo e($calendar->name); ?></option>
							<?php endforeach; ?>
						</select><br/>
						
						<div class="form-group">
							<label class="control-label">檔案上傳</label>
							
							<img id="edit_display" name="edit_display" style="width: 270px; height: 250px;"/>
							
							<input type="file" name="edit_cover_img" id="edit_cover_img" style="margin-top:10px;">
							<input type="hidden" name="edit_compressed_cover" id="edit_compressed_cover" value="">
						</div>

						<div class="form-group">
							<label class="control-label">附件上傳(PDF)</label>
							<a type="button" class="btn green btn-xs" name="file" id="file_edit" href=""></a>
							<input type="file" name="edit_file" id="edit_file" onchange="edit_convertToBase64();">
							<input type="hidden" name="edit_base64" id="edit_base64" value="">
						</div>
					</div>

					<div class="modal-footer">
						<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
						<button type="submit" class="btn green btn_event_update"><?php echo app('translator')->get('messages.update'); ?></button>
						<button type="button" class="btn red btn_event_delete"><?php echo app('translator')->get('messages.del'); ?></button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--Modal Function -Cal_Edit -->
<?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/bootstrap-fileinput/additional-methods.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/moment.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/fullcalendar/fullcalendar.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/fullcalendar/lang-all.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/icheck/icheck.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/bootstrap-fileinput/bootstrap-fileinput.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-daterangepicker/moment.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>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
<script type="text/javascript">

    //圖片上傳後將資料轉成Base64(新增)
    function create_convertToBase64() {
        //Read File
        var selectedFile = document.getElementById("add_file").files;
        //Check File is not Empty
        if (selectedFile.length > 0) {
            // Select the very first file from list
            var fileToLoad = selectedFile[0];
            // FileReader function for read the file.
            var fileReader = new FileReader();
            var base64;
            // Onload of file read the file content
            fileReader.onload = function(fileLoadedEvent) {
                base64 = fileLoadedEvent.target.result;
                // Print data in console
                //console.log(base64);
                $("#add_base64").attr('value',base64);
            };
            // Convert data to base64
            fileReader.readAsDataURL(fileToLoad);
        }
    }

    //圖片上傳後將資料轉成Base64(編輯)
    function edit_convertToBase64() {
        //Read File
        var selectedFile = document.getElementById("edit_file").files;
        //Check File is not Empty
        if (selectedFile.length > 0) {
            // Select the very first file from list
            var fileToLoad = selectedFile[0];
            // FileReader function for read the file.
            var fileReader = new FileReader();
            var base64;
            // Onload of file read the file content
            fileReader.onload = function(fileLoadedEvent) {
                base64 = fileLoadedEvent.target.result;
                // Print data in console
                //console.log(base64);
                $("#edit_base64").attr('value',base64);
            };
            // Convert data to base64
            fileReader.readAsDataURL(fileToLoad);
        }
    }

    //更改類別後 將cal_color的顏色更改 
    function getColor(cal_id){
		$.ajax({
        	type : 'POST',
        	url  : '<?php echo e(action('Manage\Platform\CalendarController@getColor')); ?>',
        	dataType: 'json',
        	data : {
        		_token:$('#_token').val(),
        		cal_id: cal_id
        	},
        	success : function(sendback){
        		$("#cal_color").val(sendback.color);
        	},
        	error   : function(){
        		toastr["error"]("<?php echo app('translator')->get('messages.operating_error_later_f5'); ?>");
        	}
        });
	}

</script>
<script>
$(document).ready(function(){
	//將事件放到日曆上 原本是根據傳近來的id(行事曆類型)和顏色來放事件，原本是根據id作單一類別刷新，但是當編輯時更換類別的話，會有重覆放的問題，因為刪除的時候也只會刪除該類別資料
	var getEvent = function(){
		<?php foreach($calendars as $calendar): ?>
		console.log('into_getEvent');
			$('#calendar').fullCalendar('removeEventSource','<?php echo e(action('Manage\Platform\CalendarController@listEvent',['cal_id'=>''])); ?>/'+"<?php echo e($calendar->id); ?>");
			$('#calendar').fullCalendar('addEventSource',{
	            url: '<?php echo e(action('Manage\Platform\CalendarController@listEvent',['cal_id'=>''])); ?>/'+"<?php echo e($calendar->id); ?>",
	            color: "<?php echo e($calendar->color); ?>"
			});
		<?php endforeach; ?>
	}

	var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var h = {};

    //行事曆右上角 月 周 天
    if (App.isRTL()) {
        if ($('#calendar').parents(".portlet").width() <= 720) {
            $('#calendar').addClass("mobile");
            h = {
                right: 'title, prev, next',
                center: '',
                left: 'agendaDay, agendaWeek, month, today'
            };
        } else {
            $('#calendar').removeClass("mobile");
            h = {
                right: 'title',
                center: '',
                left: 'agendaDay, agendaWeek, month, today, prev,next'
            };
        }
    } else {
        if ($('#calendar').parents(".portlet").width() <= 720) {
            $('#calendar').addClass("mobile");
            h = {
                left: 'title, prev, next',
                center: '',
                right: 'today,month,agendaWeek,agendaDay'
            };
        } else {
            $('#calendar').removeClass("mobile");
            h = {
                left: 'title',
                center: '',
                right: 'prev,next,today,month,agendaWeek,agendaDay'
            };
        }
    }

	//日曆初始化
	$('#calendar').fullCalendar('destroy'); // destroy the calendar
    $('#calendar').fullCalendar({ //re-initialize the calendar
    	lang: 'zh-tw',
        header: h,
        timeFormat: 'H:mm ',
        defaultView: 'month', // change default view with available options from http://arshaw.com/fullcalendar/docs/views/Available_Views/ 
        slotMinutes: 15,
        editable: true,
        droppable: true, // this allows things to be dropped onto the calendar !!!
        drop: function(date, allDay) { // this function is called when something is dropped
            // retrieve the dropped element's stored Event Object
            var originalEventObject = $(this).data('eventObject');
            // we need to copy it, so that multiple events don't have a reference to the same object
            var copiedEventObject = $.extend({}, originalEventObject);
            var info = $(this).data('info');
            var cal_id = $(this).attr('cid');
            var author = $(this).data('author');
            var location = $(this).data('location');
            var cover_img = $(this).data('cover_img');
            var compressed_cover = $(this).data('compressed_cover');
            var start = $(this).data('start');
            var end = $(this).data('end');
            var file = $('#base64_pdf').val();
            var edit_file = $('#edit_base64').val();
            //var file = document.getElementById("file").files[0];
            //copiedEventObject.start = date;
            //copiedEventObject.allDay = allDay;
            copiedEventObject.className = $(this).attr("data-class");
            copiedEventObject.title = $(this).html();

            // render the event on the calendar
            // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
            
            $(this).remove();
            // is the "remove after drop" checkbox checked?
            $.ajax({
            	type : 'POST',
            	url  : '<?php echo e(action('Manage\Platform\CalendarController@createEvent')); ?>',
            	dataType: 'json',
            	data : {
            		_token:$('#_token').val(),
            		title : copiedEventObject.title,
            		//start : copiedEventObject.start.format(),
            		info  : info,
            		author: author,
            		location:location,
            		cover_img:cover_img,
            		compressed_cover:compressed_cover,
            		start : start,
            		end : end,
            		file: file,
            		cal_id: cal_id
            	},
            	success : function(sendback){
            		getEvent();
            		toastr["success"]("<?php echo app('translator')->get('messages.event'); ?>「"+copiedEventObject.title+"」<?php echo app('translator')->get('messages.add_success'); ?>");
            		$('#event_info').html('');
            		$('#event_author').val('');
            		$('#event_location').val('');
            		$('#event_title').val('');
            		$('#info').val('');
            		$('#cover_img').val('');
            		$('#compressed_cover').val('');
            		$('#start').val('');
            		$('#end').val('');
            	},
            	error   : function(){
            		toastr["error"]("<?php echo app('translator')->get('messages.add_fail'); ?>");
            	}
            });
        },
        //拖動效果
        eventDrop: function(event, delta, revertFunc) {
        	var id = event.id;
			var title = event.title;
			var start = event.start.format();
			var allDay = event.allDay;
			var end = (event.end == null) ? start : event.end.format();
			$.ajax({
				url: '<?php echo e(action('Manage\Platform\CalendarController@updateEvent')); ?>',
				data:{
					title : title,
					start : start,
					end   : end,
					id    : id,
					_token: $("#_token").val(),
					allDay: allDay
				},
				type: 'POST',
				dataType: 'json',
				success: function(response){
					toastr["success"]("<?php echo app('translator')->get('messages.success_edit'); ?>");
				},
				error: function(e){
					revertFunc();
					toastr["error"]("<?php echo app('translator')->get('messages.fail_edit'); ?>");
				}
			});
		},
		eventResize: function(event, delta, revertFunc) {
        	var id = event.id;
			var title = event.title;
			var start = event.start.format();
			var end = event.end.format();
			var allDay = event.allDay;
			//var end = (event.end == null) ? start : event.end.format();
			$.ajax({
				url: '<?php echo e(action('Manage\Platform\CalendarController@updateEvent')); ?>',
				data:{
					title : title,
					start : start,
					end   : end,
					id    : id,
					_token: $("#_token").val(),
					allDay: allDay
				},
				type: 'POST',
				dataType: 'json',
				success: function(response){
					toastr["success"]("<?php echo app('translator')->get('messages.success_edit'); ?>");
				},
				error: function(e){
					revertFunc();
					toastr["error"]("<?php echo app('translator')->get('messages.fail_edit'); ?>");
				}
			});
		},
		eventDragStop: function (event, jsEvent, ui, view) {
			
		},
		eventClick: function(calEvent, jsEvent, view) {
			$('#form_edit_event input[name="id"]').val(calEvent.id);
			$('#form_edit_event input[name="cal_id"]').val(calEvent.cal_id);
			$('#form_edit_event input[name="cal_color"]').val(calEvent.cal_color);
			$('#form_edit_event input[name="title"]').val(calEvent.title);
			$('#form_edit_event input[name="author"]').val(calEvent.author);
			$('#form_edit_event input[name="location"]').val(calEvent.location);
			$('#form_edit_event input[name="start"]').val(moment(calEvent.start).format("YYYY-MM-DD HH:mm"));
			if(calEvent.end == null){
				$('#form_edit_event input[name="end"]').val(moment(calEvent.start).format("YYYY-MM-DD HH:mm"));
			}else{
				$('#form_edit_event input[name="end"]').val(moment(calEvent.end).format("YYYY-MM-DD HH:mm"));
			}
			$('#form_edit_event textarea[name="info"]').html(calEvent.info);
			document.getElementById('edit_display').src=calEvent.cover_img;
			$('#file_edit').attr('href',calEvent.file);
			$('#file_edit').html('附件下載');
			$('#modal_cal_edit_event').modal('show');
	    }
    });

	//客戶選擇完日期會自動關閉工具
	$(".form_datetime").datetimepicker({
		defaultDate: new Date(),
		autoclose: true,
	});


    $(".form_date").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
    });
	getEvent();

	//edit 'cover_img' compress
	document.querySelector('#add_cover_img').addEventListener('change', function () {
	    lrz(this.files[0], {
	        width: 680
	    })
	        .then(function (rst) {
	            // 处理成功会执行
	            //console.log(rst);
	            var data = "";
	            data = rst.origin.name + ',' + rst.base64 ;
	            $('#add_compressed_cover').val(data);

	        })
	        .catch(function (err) {
	            $('#add_compressed_cover').val('');
	        })
		});

	//edit 'cover_img' compress
	document.querySelector('#edit_cover_img').addEventListener('change', function () {
	    lrz(this.files[0], {
	        width: 680
	    })
	        .then(function (rst) {
	            // 处理成功会执行
	            //console.log(rst);
	            var data = "";
	            data = rst.origin.name + ',' + rst.base64 ;
	            $('#edit_compressed_cover').val(data);

	        })
	        .catch(function (err) {
	            $('#edit_compressed_cover').val('');
	        })
		});

	//圖片上傳顯示圖片
	$("#add_cover_img").change(function(){
	    if (this.files && this.files[0]) {
	        var reader = new FileReader();

	        reader.onload = function (e) {
	            $('#add_display').attr('src', e.target.result);
	        }
	        reader.readAsDataURL(this.files[0]);
	    }
	});

	//圖片上傳顯示圖片
	$("#edit_cover_img").change(function(){
	    if (this.files && this.files[0]) {
	        var reader = new FileReader();
	        reader.onload = function (e) {
	            $('#edit_display').attr('src', e.target.result);
	        }
	        reader.readAsDataURL(this.files[0]);
	    }
	});

	$.validator.addMethod('filesize', function(value, element, param) {
	    return this.optional(element) || (element.files[0].size <= param) 
	});

	//驗證事件更新
	$('#form_add_event').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:{
			title:{
				required:true 
			}
		},
		messages:{
			title:{
				required:'<?php echo app('translator')->get('messages.mustb_enter_event_name'); ?>' 
			},
		},

        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) {
        	$('#weekDay').val(checkDay);
			$.ajax({
				type: 'POST',
				url : '<?php echo e(action('Manage\Platform\CalendarController@createEventContent')); ?>',
				dataType: 'json',
				data : $('#form_add_event').serialize(),
				success : function(sendback){
					toastr['success']('<?php echo app('translator')->get('messages.success_updata_cal_event'); ?>');
					getEvent();
					$('#modal_cal_add_event').modal('hide');
				},
				error : function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.operating_error_later_f5'); ?>');
				}
			})
        }
	});

	//驗證事件更新
	$('#form_edit_event').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:{
			title:{
				required:true 
			},
		},
		messages:{
			title:{
				required:'<?php echo app('translator')->get('messages.mustb_enter_event_name'); ?>' 
			},
		},

        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) {
			$.ajax({
				type: 'POST',
				url : '<?php echo e(action('Manage\Platform\CalendarController@updateEventContent')); ?>',
				dataType: 'json',
				data : $('#form_edit_event').serialize(),
				success : function(sendback){
					toastr['success']('<?php echo app('translator')->get('messages.success_updata_cal_event'); ?>');
					getEvent();
					$('#modal_cal_edit_event').modal('hide');
				},
				error : function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.operating_error_later_f5'); ?>');
				}
			})
        }
	});

	//日曆新增事件
	$(document).on('click','.fc-day',function(){
		var TimeNow= new Date();
		var h = (TimeNow.getHours()<10 ? '0' : '')+TimeNow.getHours();
		var h_end = ((TimeNow.getHours()+1)<10 ? '0' : '')+(TimeNow.getHours()+1);
		var m = (TimeNow.getMinutes()<10 ? '0' : '')+TimeNow.getMinutes();
		$('#form_add_event input[name="id"]').val("");
		$('#form_add_event input[name="cal"]').val("");

		$.ajax({
        	type : 'POST',
        	url  : '<?php echo e(action('Manage\Platform\CalendarController@getColor')); ?>',
        	dataType: 'json',
        	data : {
        		_token: $('#_token').val(),
        		cal_id: $('#cal_id').val()
        	},
        	success : function(sendback){
        		$("#cal_color").val(sendback.color);
        	},
        	error   : function(){
        		toastr["error"]("<?php echo app('translator')->get('messages.operating_error_later_f5'); ?>");
        	}
        });
		//將表格內的資料清空(初始化)
		$('#form_add_event input[name="title"]').val("");
		$('#form_add_event input[name="author"]').val("");
		$('#form_add_event input[name="location"]').val("");
		$('#form_add_event textarea[name="info"]').html("");
		$('#add_display').attr('src',' ');
		$('#file_add').attr('href','');
		$('#form_add_event input[name="start_date"]').val($(this).data('date'));
		$('#form_add_event input[name="end_date"]').val($(this).data('date'));
		$('#form_add_event input[name="times"]').val(1);
		$("#modal_cal_add_event").modal('show');
	});

	$(document).on('click','.btn_event_delete',function(){
		var id = $('#form_edit_event input[name="id"]').val();
		$.ajax({
			type : 'POST',
			url : '<?php echo e(action('Manage\Platform\CalendarController@deleteEvent')); ?>',
			dataType : 'json',
			data : {
				id : id,
				_token:$("#_token").val()
			},
			success : function(sendback){
				toastr["success"]("<?php echo app('translator')->get('messages.del_success'); ?>");
				getEvent();
				$('#modal_cal_add_event').modal('hide');
			},
			error : function(sendback){
				toastr["error"]("<?php echo app('translator')->get('messages.operating_error_later_f5'); ?>");
			}
		})
	});

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

    //執行時間(開始)
    $(document).on('click','#start_time_btn',function(){
        $('#start_time').focus();
    });

    //執行時間(結束)
    $(document).on('click','#end_time_btn',function(){
        $('#end_time').focus();
    });

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

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

    //執行次數
    $(document).on('keyup','#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');
    });

    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 += ' 於'+$('#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(); ?>