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

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

@if(isset($success))
<script>
	alert('{{ $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/{{ $school_uid }}" enctype="multipart/form-data">
                @csrf
                @method('put')
								<input type="hidden" name="mode" id="mode" value="add" />
								<input type="hidden" name="year" id="year" value="" />

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


                            Course Add</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=""
                                    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=""
                                    placeholder="Chinese Course Name" />
                            </div>
                        </div>


                        <label class="col-form-label width-full m-t-10">Course Introduction</label>

                        <textarea class="form-control" name="intro" style="min-height:120px"
                            placeholder="When writing, use spaces, paragraphs, bullet points, etc."></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="" 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="" 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 }}" >{{ (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-10">
                                            <div class="col-11">
                                                <input type="text" class="form-control" name="course_lesson"
                                                    value=""
                                                    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 }}" >{{ (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=""
                                            placeholder="example: every Monday, 2019/3/21, 2019/5/30..." />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="modal-footer">
												<button type="button" class="btn btn-white" data-dismiss="modal" onclick="window.close();">Cancel</button>
                        <button type="button" class="btn btn-success" onclick="submit_ok();">Save</button>
                    </div>
                </div>
            </form>
        </div>

@include('inc_bottom')

<script>
function submit_ok()
{
	var year = opener.document.getElementById("course_year").value;
	document.getElementById("year").value = year;
	document.getElementById("form-create").submit();
}
</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>