@php
	/*--------------------------------------------
	학교/과정 세부정보 입력/뷰 template
	--------------------------------------------*/

	// 다중호출 시 javascript binding의 중복을 방지하기 위해 랜덤키를 생성
	$element_key = 'key-'.Str::random(16);
@endphp

@push('head')
<style type="text/css">
	.school-groups .school-group{position:relative;}
	.school-groups .school-group+.school-group{border-top:1px solid #d9dee2;margin-top:15px;padding:15px 0 0;}
	.school-groups .school-group.school-collapse .collapse-hidden{position:absolute;visibility:hidden;}
</style>
<script type="text/javascript">
	$(document).ready(function() {

		var section = $('section.{{ $element_key }}');

		// 학교/과정 버튼 상태 업데이트
		var updateSchoolCollapseBtn = function() {
			section.find('.school-groups button.btn-collapse').each(function() {
				if ($(this).closest('.school-group').hasClass('school-collapse')) {
					$(this).removeClass('btn-warning').addClass('btn-primary').text('{{ Lang::get('template_process.word.detail_view') }}');
				} else {
					$(this).removeClass('btn-primary').addClass('btn-warning').text('{{ Lang::get('template_process.word.quick_view') }}');
				}
			});
		};
		// 학교/과정 삭제버튼 활성화 여부 체크
		var checkSchoolDelBtn = function() {
			var enable = section.find('.school-groups .school-group').length > 1;
			section.find('.school-groups .school-group button.btn-delete').prop('disabled', !enable);
			return enable;
		};

		// 학교/과정 추가
		section.find('.school-groups button.btn-add').click(function() {
			var target = section.find('.school-group:eq(0)');
			// collapse
			section.find('.school-groups .school-group').addClass('school-collapse');
			// select2 & datepicker removed
			target.find('.selectbox select').each(function() {
				if ($(this).data('select2')) $(this).select2('destroy');
			});
			target.find('input.form-date').each(function() {
				if ($(this).data('datepicker')) $(this).datepicker('destroy');
			});

			// clone
			var group = target.clone(true).removeClass('school-collapse');
			group.find('input,textarea').val('');
			group.find('select[name^="course_id"]').find('optgroup, option').remove();
			group.find('select[name^="course_id"]').append('<option></option>');
			group.find('select option').prop('selected', false);

			// select2 & datepicker rebuild
			group.find('.selectbox select').selectbox();
			target.find('.selectbox select').selectbox();
			group.find('input.form-date').datepicker();
			target.find('input.form-date').datepicker();
			// append element
			section.find('.school-groups').append(group);

			// change index
			section.find('.school-group').each(function(index) {
				$(this).find('input,textarea,select').each(function() {
					var name = $(this).attr('name');
					var match = name.match(/^(.*)\[(.*)\]$/);
					if (match && match[1]) {
						$(this).attr('name', match[1] + '[' + index + ']');
					}
				});
			});

			// status update
			checkSchoolDelBtn();
			updateSchoolCollapseBtn();
		});
		// 학교/과정 간편/상세 보기
		section.find('.school-groups button.btn-collapse').click(function() {
			$(this).closest('.school-group').toggleClass('school-collapse');
			updateSchoolCollapseBtn();
		});
		// 학교/과정 삭제
		if (section.find('.school-groups button.btn-delete').length == 1) checkSchoolDelBtn();
		section.find('.school-groups button.btn-delete').click(function() {
			$(this).closest('.school-group').remove();
			section.find('.school-groups .school-group').last().removeClass('school-collapse');
			checkSchoolDelBtn();
			updateSchoolCollapseBtn();
		});

		// 수업시작일/수업종료일 datepicker setting
		var class_start_date = section.find('input.form-date.class_start_date');
		var class_end_date = section.find('input.form-date.class_end_date');

		section.find('input.form-date').each(function() {
			if ($(this).val()) {
				$(this).val($(this).val().replace(/^(\d{4}).?-?(\d{2}).?-?(\d{2})$/, '$1.$2.$3'));
			}
		}).datepicker().bind('changeDate', function() {
			if (class_start_date.length < 1 || class_end_date.length < 1) return;

			if ($(this).hasClass('class_start_date')) {
				// 수업시작일
				var index = class_start_date.index(this);

				// 수업종료일 최소값 설정
				var date = $(this).val().replace(/[^0-9]/g, '');
				date = new Date(date.substr(0,4), date.substr(4,2) - 1, date.substr(6,2));
				class_end_date.eq(index).datepicker('setStartDate', date);

				// 수업종료일 자동 계산
				calcEndDate(index);
			} else if ($(this).hasClass('class_end_date')) {
				// 수업종료일
				var index = class_end_date.index(this);

				// 수업시작일 최대값 설정
				var date = $(this).val().replace(/[^0-9]/g, '');
				date = new Date(date.substr(0,4), date.substr(4,2) - 1, date.substr(6,2));
				class_start_date.eq(index).datepicker('setEndDate', date);
			}
		});

		// 수업종료일 자동 계산
		if (class_start_date.length > 0 && class_end_date.length > 0) {
			section.find('input[name="week_class[]"],input[name="week_vacation[]"]').keyup(function() {
				var index = section.find('input[name="' + $(this).attr('name') + '"]').index(this);
				calcEndDate(index);
			});
		}

		var calcEndDate = function(index) {
			var date = class_start_date.eq(index).val().replace(/[^0-9]/g, '');
			if (date) {
				date = new Date(date.substr(0,4), date.substr(4,2) - 1, date.substr(6,2));
				var date_end = new Date(date.getTime());
				var week = 0, el;
				// 수업기간 & 방학기간 모두 blank일 경우 pass
				if (section.find('input[name="week_class[]"]').val() === '' && section.find('input[name="week_vacation[]"]').val() === '') return false;
				// 수업기간 확인
				el = section.find('input[name="week_class[]"]').eq(index);
				if (el.length > 0) week += Number(el.val());
				// 방학기간 확인
				el = section.find('input[name="week_vacation[]"]').eq(index);
				if (el.length > 0) week += Number(el.val());
				// 수업종료일 계산 (지난 금요일)
				date_end.setDate(date_end.getDate() + (week * 7) - ((date_end.getDay() + 2) % 7));
				if (date_end >= date) {
					class_end_date.eq(index).datepicker('setDate', date_end);
				}

				return true;
			}
			return false;
		};
	});
</script>
@endpush

<section class="{{ $element_key }}">
	{{-- process_school_enabled : process 등록 중 school관련 항목들에 대해 저장 활성화 flag --}}
	<input type="hidden" name="process_school_enabled" value="true"/>
	@yield('process-school-content')
</section>