@if (session('err_message'))
<script>
	alert('{{ session('err_message') }}');
	window.close();
</script>
@endif

@if (session('error'))
<script>
	alert('{{ session('error') }}');
</script>
@endif

@if (session('success'))
<script>
	alert('{{ session('success') }}');
	window.opener.location.reload();
	window.close();
</script>
@endif

@include('inc_head')

        <div class="modal-dialog" style="max-width:900px;width:90%">
              <form id="form-create" method="POST" action="/courses/{{ $course->sc_id }}" enctype="multipart/form-data">
                @csrf
                @method('put')

                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">


                            Course Edit</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="window.close();">×</button>
                    </div>


                    <h5 class="bg-grey-transparent-5 p-10 m-b-0"> Course Information</h5>
                    <div class="modal-body">

                        <div class="row m-t-10">
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Course Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="name" value="{{ $course->name }}"
                                    placeholder="Full name in English (Hours, lessons need to be included)" required />
                            </div>
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Chinese</label>
                                <input type="text" class="form-control" name="name_tw" value="{{ $course->name_tw }}"
                                    placeholder="Chinese Course Name" />
                            </div>
                        </div>


                        <label class="col-form-label width-full m-t-10">Course Introduction</label>
                        <br />
<b>Notice</b>:  Undefined variable: course in <b>/home/edmedu/www/edmtw.com/manager/resources/views/course_edit.blade.php</b> on line <b>59</b><br />
<br />
<b>Notice</b>:  Trying to get property 'intro' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/course_edit.blade.php</b> on line <b>59</b><br />
                        <textarea class="form-control" name="intro" style="min-height:120px"
                            placeholder="When writing, use spaces, paragraphs, bullet points, etc.">{{ $intro }}</textarea>

                        <div class="row m-t-10">
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Maximum number of participants</label>
                                <input type="text" class="form-control" name="s_max"
                                    value="{{ $course->s_max }}" placeholder="Only Number" />
                            </div>
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Mininum age for enrollment</label>
                                <input type="text" class="form-control" name="s_min"
                                    value="{{ $course->s_min }}" placeholder="Only Number" />
                            </div>
                        </div>

                        <div class="row m-t-10">
                            <div class="col-md-6">


                                <label class="col-form-label width-full">Type</label>
                                    <select class="selectpicker width-full" name="course_lang_ctg">
																			@foreach ($course_lang_ctg as $clc)
																				@if((json_decode($clc->cdsh_label))->en)
																				<option value="{{ $clc->cdsh_code }}" {{ $clc->cdsh_code == $course->course_lang_ctg ? 'selected' : '' }}>{{ (json_decode($clc->cdsh_label))->en }}</option>
																				@endif
																			@endforeach
                                    </select>
                            </div>
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Class Time</label>
                                <div class="add-group">
                                    <div class="clone-group">
                                        <div class="row add-clone m-b">
                                            <div class="col">
                                                <input type="text" class="form-control" name="course_lesson"
                                                    value="{{ $course->course_lesson }}"
                                                    placeholder="example: Mon to Fri 09:30 ~ 15:00, Please request a course timetable from a consultant." />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row m-t-10">
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Minimum English Level</label>

                                    <select class="selectpicker width-full" name="englevel">
																			@foreach ($eng_level as $level)
																				@if((json_decode($level->cdsh_label))->en)
																				<option value="{{ $level->cdsh_code }}" {{ $level->cdsh_code == $course->englevel ? 'selected' : '' }}>{{ (json_decode($level->cdsh_label))->en }}</option>
																				@endif
																			@endforeach
                                    </select>

                            </div>
                            <div class="col-md-6">
                                <label class="col-form-label width-full">Start Date</label>
                                <div class="row">
                                    <div class="col-12">
                                        <input type="text" class="form-control" name="course_start" value="{{ $course->course_start }}"
                                            placeholder="Only number" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <h5 class="bg-grey-transparent-5 p-10 m-b-0 m-t-20">Course Tuition Information</h5>
                    <div class="modal-body">
                        <div class="row m-t-20">
                            <div class="col-md">
                                <label class="col-form-label width-full">Year <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" value="{{ $course->year }}" disabled />
                            </div>
                        </div>

                        <div class="row m-t-20">
                            <div class="col-11">
                                <div class="row">
                                    <div class="col-4">
                                        <label class="col-form-label">Study Period</label>
                                    </div>
                                    <div class="col-4 p-l-0">
                                        <label class="col-form-label">Tuition Per Week</label>
                                    </div>
                                    <div class="col-4 p-l-0">
                                        <label class="col-form-label">Tuition</label>
                                    </div>
                                </div>
                            </div>
                        </div>


														<div class="add-group">
															<div class="clone-group course-pays">

																@if($course_details->count() > 0)
																	@foreach ($course_details as $cd)
																	<div class="row add-clone m-b-10 pay">
																			<div class="col-11">
																					<div class="row">
																							<div class="col-4">
																								<input type="text" class="form-control text-right input-course_pay_term" name="course_pay_term[]" value="{{ number_format($cd->term) }}" placeholder="Only number">
																							</div>
																							<div class="col-4 p-l-0">
																								<input type="text" class="form-control text-right input-course_pay_week_pay" name="course_pay_week_pay[]" value="{{ number_format($cd->week_pay) }}" placeholder="Only number">
																							</div>
																							<div class="col-4 p-l-0">
																								<input type="text" class="form-control text-right input-course_pay_term_pay" name="course_pay_term_pay[]" value="{{ number_format($cd->term_pay) }}" placeholder="Only number">
																							</div>
																					</div>
																			</div>
																			<div class="col-1 close-btn p-0">
																					<a href="javascript:" class="btn btn-danger btn-icon btn-circle btn-xs m-t-10"><i class="fa fa-times"></i></a>
																			</div>
																	</div>
																	@endforeach
																@else
																	<div class="row add-clone m-b-10 pay">
																			<div class="col-11">
																					<div class="row">
																							<div class="col-4">
																								<input type="text" class="form-control text-right input-course_pay_term" name="course_pay_term[]" value="" placeholder="Only number">
																							</div>
																							<div class="col-4 p-l-0">
																								<input type="text" class="form-control text-right input-course_pay_week_pay" name="course_pay_week_pay[]" value="" placeholder="Only number">
																							</div>
																							<div class="col-4 p-l-0">
																								<input type="text" class="form-control text-right input-course_pay_term_pay" name="course_pay_term_pay[]" value="" placeholder="Only number">
																							</div>
																					</div>
																			</div>
																			<div class="col-1 close-btn p-0">
																					<a href="javascript:" class="btn btn-danger btn-icon btn-circle btn-xs m-t-10"><i class="fa fa-times"></i></a>
																			</div>
																	</div>
																@endif
                              
                            </div>
                            <button type="button" class="btn btn-primary btn-xs add-btn">+ Add</button>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger btn-delete" onclick="delete_course();">Delete</button>
                        <button type="button" class="btn btn-white" onclick="window.close();">Cancel</button>
                        <button type="submit" class="btn btn-success">Save</button>
                    </div>
                </div>
            </form>
        </div>


<form name="action_form" id="action_form" method="POST" action="/courses/{{ $course->sc_id }}">
    @csrf
    <input type="hidden" name="_method" id="_method">
</form>


@include('inc_bottom')

<script>
function delete_course()
{
	$("#_method").val("DELETE");
	$("#action_form").submit();
}

$(document).ready(function() {
	$('.course-pays input[type="text"]').bind({
			focus:function() {
					$(this).val($(this).val().replace(/[^.0-9]/g, ''));
			},
			focusout:function() {
					var number = $(this).val().replace(/[^.0-9]/g, '');
					if (number !== '') $(this).val(Number(number).toLocaleString());
					$(this).trigger('keyup');
			},
			keyup:function() {
				
					var parent = $(this).closest('.pay');
					var week = parent.find('.input-course_pay_term').val().replace(/[^0-9]/g, '');
					var fee_per_week = parent.find('.input-course_pay_week_pay').val().replace(/[^0-9]/g, '');
					var fee = parent.find('.input-course_pay_term_pay').val().replace(/[^0-9]/g, '');

					if ($(this).hasClass('input-course_pay_term') || $(this).hasClass('input-course_pay_week_pay')) {
							if (week === '' || fee_per_week === '') return;
							var val = Number(week * fee_per_week).toLocaleString();
							parent.find('.input-course_pay_term_pay').val(val);
					} else if ($(this).hasClass('input-course_pay_term_pay')) {
							if (week === '' || fee === '') return;
							var val = Number(fee / week);
							if (Number.isInteger(val) && val > 0) {
									val = val.toLocaleString();
							} else {
									val = "";
							}
							parent.find('.input-course_pay_week_pay').val(val);
					}
			}
	});
});
</script>

<script>
	$(function() {
		$('#datePicker').datepicker({
		    format: "yyyy/mm/dd",
		    autoclose : true,
		    calendarWeeks : false,
		    clearBtn : false,
		    templates : {
		        leftArrow: '&laquo;',
		        rightArrow: '&raquo;'
		    },
		    showWeekDays : true,
		    todayHighlight : true,
		    toggleActive : true
		});
	});
</script>