@extends('layouts.master')

@section('main')

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

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

        <div id="content" class="content ">

            <!-- begin page-header -->
            <div class="page-header-wrap">
                <div class="heading-nav">
                    <h1 class="page-header">School Management</h1>
                </div>
            </div>
            <!-- end page-header -->

						<div class="b-1 bg-grey-transparent-1 m-b-20">
								<ul class="nav nav-pills primary m-10">
										<li class="nav-items">
												<a href="/schools/{{ $school_uid }}/edit" class="nav-link">
														<span class="d-sm-block d-none">Detail Information</span>
												</a>
										</li>
										<li class="nav-items">
												<a href="/courses/{{ $school_uid }}" class="nav-link active">
														<span class="d-sm-block d-none">Courses &amp; Accommodations</span>
												</a>
										</li>
										<li class="nav-items">
												<a href="/pictures/{{ $school_uid }}" class="nav-link">
														<span class="d-sm-block d-none">School &amp; Pictures</span>
												</a>
										</li>
								</ul>
						</div>


		<div class="tab-content width-full">
					<div class="tab-pane active">
							<div class="row">
									<!--본문영역-->
									<div class="col-lg">


														<div class="b-1 bg-grey-transparent-1">
                                <form id="form-edit" method="POST" action="/courses/{{ $school_uid }}" enctype="multipart/form-data">
																	@csrf
																	@method('put')
                                  <input type="hidden" name="mode" value="other" />
																	<input type="hidden" name="school_uid" value="{{ $school_uid }}" />

                                    <h5 class="p-10 b-b-1">


                                        Courses &amp; Accommodations</h5>
                                    <div class="row p-10">


                                        <div class="col-lg-7">
                                            <div class="position-relative text-right">
                                                <div class="position-absolute">
                                                    <label class="col-form-label"><span id="course-year"></span> Courses</label>
                                                </div>
                                                <div class="d-inline-block align-top clearfix">
                                                    <div class="float-left width-80">
                                                        <select name="course_year" id="course_year" class="selectpicker form-control" onchange="get_course_list()">
																													@for ($i = $course_y; $i >= 2020; $i--)
                                                            <option value="{{ $i }}">{{ $i }}</option>
																													@endfor
                                                        </select>
                                                    </div>
                                                    <div class="float-left p-l-20">
                                                        <button type="button" class="btn btn-primary btn-s add-btn p-l-10 p-r-10" onclick="copyCourse()">Copy</button>
														<button type="button" class="btn btn-danger btn-s add-btn p-l-10 p-r-10" onclick="deleteCourse()">Delete</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="p-10 m-t-10">
                                                <div id="course-list">
                                                    <table class="table table-layout-fixed m-0">
                                                        <colgroup>
                                                            <col width="5%" />
																														<col width="5%" />
																														<col width="*" />
                                                            <col width="*" />
                                                            <col width="30" />
                                                        </colgroup>
                                                        <thead>
                                                            <tr>
																																<th class="p-5 text-center">Display</th>
																																<th class="p-5 text-center">Sort</th>
                                                                <th class="p-5 text-center">Course Name</th>
                                                                <th class="p-5 text-center">TW</th>
                                                                <th class="p-5 text-center"></th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="course_list">

																												@foreach ($courses as $course)
                                                            <tr class="resource">
																																<td class="p-5 align-middle text-center with-checkbox">
																																	<input type="checkbox" name="course_display[]" value="{{ $course->sc_id }}" {{ $course->display == 'Y' ? 'checked' : '' }}/>
																																</td>
																																<td class="p-5 align-middle text-center">
																																		<input type="hidden" name="course_uid[]" value="{{ $course->sc_id }}"/>
																																		<input type="text" class="form-control text-center p-l-5 p-r-5" name="course_sort[]" value="{{ $course->sort }}"/>
																																</td>
                                                                <td class="p-5 align-middle">
																																	<a href="javascript:void(0);" onclick="popup('/courses/{{ $course->sc_id }}/edit', 1000, 800)">
																																			{{ $course->name }}
																																	</a>
                                                                </td>
                                                                <td class="p-5 align-middle">
                                                                  {{ $course->name_tw }}
                                                                </td>
                                                            </tr>

																													@endforeach
                                                           
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <div class="m-t-15">
                                                    <a href="javascript:void(0);" onclick="popup('/courses/{{ $school_uid }}/edit?mode=add', 1000, 800)">
                                                        <button type="button" class="btn btn-primary btn-s add-btn p-t-0 p-b-0">+ Add</button>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>




                                        <div class="col-lg-5">
                                            <div class="position-relative text-right">
                                                <div class="position-absolute">
                                                    <label class="col-form-label"><span id="stay-year"></span> Accommodations</label>
                                                </div>
                                                <div class="d-inline-block align-top clearfix">
                                                    <div class="float-left width-80">
                                                        <select name="stay_year" id="stay_year" class="selectpicker form-control" onchange="get_stay_list()">
                                                          @for ($i = $stay_y; $i >= 2020; $i--)
                                                            <option value="{{ $i }}">{{ $i }}</option>
																													@endfor
                                                        </select>
                                                    </div>
                                                    <div class="float-left p-l-20">
                                                        <button type="button" class="btn btn-primary btn-s add-btn p-l-10 p-r-10" onclick="copyStay()">Copy</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="p-10 m-t-10">
                                                <div id="stay-list">
                                                    <table class="table table-layout-fixed m-0">
                                                        <colgroup>
                                                            <col width="*" />
                                                            <col width="*" />
                                                        </colgroup>
                                                        <thead>
                                                            <tr>
                                                                <th class="p-5 text-center">Accommodation Name</th>
                                                                <th class="p-5 text-center">TW</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="stay_list">
																												
																												@foreach ($stays as $stay)
																												@if((json_decode($stay->cdsh_label))->en)
																													<br />
<b>Warning</b>:  array_shift() expects parameter 1 to be array, null given in <b>/home/edmedu/www/edmtw.com/manager/resources/views/course_list.blade.php</b> on line <b>179</b><br />
                                                            <tr class="resource">
                                                                <td class="p-5">
                                                                    <a href="javascript:void(0);" onclick="popup('/accom/{{ $school_uid }}/edit?stay_ctg={{ $stay->cdsh_code }}&year={{ $stay_y }}', 1000, 800)">
                                                                        {{ (json_decode($stay->cdsh_label))->en }} (count:{{ $cnt }})
                                                                    </a>
                                                                </td>
                                                                <td class="p-5">
                                                                    {{ (json_decode($stay->cdsh_label))->tw }} (count:{{ $cnt }})
                                                                </td>
                                                            </tr>
																													@endif
																													@endforeach

                                                        </tbody>
                                                    </table>
                                                </div>

                                            </div>
                                        </div>
                                    </div>


																	<div class="col-md-6 attr">
																			<label class="width-full col-form-label">Other Costs <small>( Cost / 1 person )</small></label>


																				<div class="add-group">
																						<div class="clone-group cost">

																								@if(count($pay_etc))
																									@foreach ($pay_etc as $pe)
																									<div class="row add-clone m-b-10 cost">
																											<div class="col-4">
																												<select class="selectpicker form-control" name="other_etc[]">
																														<option value="">None</option>
																														@foreach ($pay_etc_code as $pec)
																														@if((json_decode($pec->cdsh_label))->tw)
																														<option value="{{ $pec->cdsh_code }}" {{ $pe->etc == $pec->cdsh_code ? 'selected' : '' }} >{{ (json_decode($pec->cdsh_label))->tw }}</option>
																														@endif
																														@endforeach
																												</select>
																											</div>
																											<div class="col-4 p-l-0">
																												<input type="text" class="form-control text-right" name="other_pay[]" value="{{ $pe->pay }}" placeholder="Only number" />
																											</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 cost">
																											<div class="col-4">
																												<select class="selectpicker form-control" name="other_etc[]">
																														<option value="">None</option>
																														@foreach ($pay_etc_code as $pec)
																														@if((json_decode($pec->cdsh_label))->tw)
																														<option value="{{ $pec->cdsh_code }}">{{ (json_decode($pec->cdsh_label))->tw }}</option>
																														@endif
																														@endforeach
																												</select>
																											</div>
																											<div class="col-4 p-l-0">
																												<input type="text" class="form-control text-right" name="other_pay[]" value="" placeholder="Only number" />
																											</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="row p-10">
                                        <div class="col-12 text-right m-t-20">
                                            <button type="submit" class="btn btn-success">Save</button>
                                        </div>
                                    </div>
                                </form>
                            </div>




									</div><!--본문영역-->
							</div>
					</div>
		</div>
        </div>


		<div id="loading">
			<div id="loading-content"></div>
		</div>	
@endsection

@section('js')

<script type="text/javascript">
    $(function() {
			$('#form-edit').input();
		});

	$(document).ajaxStart(function() {
        $('#loading').addClass('loading');
        $('#loading-content').addClass('loading-content');
    });
  
    $(document).ajaxStop(function() {
        $('#loading').removeClass('loading');
        $('#loading-content').removeClass('loading-content');
    });
</script>

<script>
function get_course_list()
{
	var year = $("#course_year").val();

	var url = "/course_item/{{ $school_uid }}";
	var params = "mode=course_list&year="+year;

	$.ajax({      
		type:"get",
		dataType:"html", 
		url:url,     
		data:params,
		async: true,
		success:function(result){
			$("#course_list").html(result);
		},
		error:function(result){
			alert(result);
		}
	});
}

function copyCourse()
{
	var year = $("#course_year").val();

	var url = "/course_item/{{ $school_uid }}";
	var params = "mode=course_copy&year="+year;

	$.ajax({      
		type:"get",
		dataType:"html", 
		url:url,     
		data:params,
		async: true,
		success:function(result){
			alert("Success copied.");
			window.location.reload();
		},
		error:function(result){
			alert(result);
		}
	});
}

function deleteCourse()
{
	var year = $("#course_year").val();

	var url = "/course_item/{{ $school_uid }}";
	var params = "mode=course_delete&year="+year;

	$.ajax({      
		type:"get",
		dataType:"html", 
		url:url,     
		data:params,
		async: true,
		success:function(result){
			alert("Success deleted.");
			window.location.reload();
		},
		error:function(result){
			alert(result);
		}
	});
}

function get_stay_list()
{
	var year = $("#stay_year").val();

	var url = "/stay_item/{{ $school_uid }}";
	var params = "mode=stay_list&year="+year;

	$.ajax({      
		type:"get",
		dataType:"html", 
		url:url,     
		data:params,
		async: true,
		success:function(result){
			$("#stay_list").html(result);
		},
		error:function(result){
			alert(result);
		}
	});
}

function copyStay()
{
	var year = $("#stay_year").val();

	var url = "/stay_item/{{ $school_uid }}";
	var params = "mode=stay_copy&year="+year;

	$.ajax({      
		type:"get",
		dataType:"html", 
		url:url,     
		data:params,
		async: true,
		success:function(result){
			alert("Success copied.");
			window.location.reload();
		},
		error:function(result){
			alert(result);
		}
	});
}
</script>

@endsection