@extends('layouts.master')

@section('main')

@if (session('error'))
<script>
	alert('{{ session('error') }}');
</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 active">
														<span class="d-sm-block d-none">Detail Information</span>
												</a>
										</li>
										<li class="nav-items">
												<a href="/courses/{{ $school_uid }}" class="nav-link ">
														<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">
                    <form id="form-create" method="POST" action="/schools/{{$school->school_uid}}" enctype="multipart/form-data" class="m-0">
											@csrf
											@method('put')

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

												<div class="row p-10">
                            <div class="col-md-4 attr mt-0">
                                <label class="width-full col-form-label">Country <span class="text-danger">*</span></label>

                                <select class="selectpicker width-full" name="country" required>
 																		@foreach ($countries as $country)
																				<option value="{{ $country->country_name_en }}" {{ $country->country_name_en == $school->country ? 'selected' : '' }}>{{ $country->country_name }}</option>
																		@endforeach
                                </select>
                            </div>
                            <div class="col-md-4 attr mt-md-0">
                                <label class="width-full col-form-label">School Type <span class="text-danger">*</span></label>
                                <select class="selectpicker width-full" name="school_type" required>
 																		@foreach ($school_type as $s_stype)
																				<option value="{{ $s_stype->cdsh_code }}" {{ $s_stype->cdsh_code == $school->school_type ? 'selected' : '' }}>{{ json_decode($s_stype->cdsh_label)->tw }}</option>
																		@endforeach
                                </select>
                            </div>
                            <div class="col-md-4 attr mt-md-0">
                                <label class="width-full col-form-label">Currency <span class="text-danger">*</span></label>
																<select class="selectpicker width-full" name="currency" required>
 																		@foreach ($currencies as $curren)
																				<option value="{{ $curren->currency }}" {{ $curren->currency == $school->currency ? 'selected' : '' }} >{{ $curren->currency }}</option>
																		@endforeach
                                </select>
                            </div>
                        </div>

                        <h5 class="p-10 b-b-1 m-t-40">Default Information</h5>
                        <div class="row p-10">
                            <div class="col-md-4 attr mt-0">
                                <label class="width-full col-form-label position-relative">
                                    Logo <span class="text-danger">*</span>
                                </label>
                                 <div class="m-t-10 ">
                                    <img id="logo_img" src="{{ $school->logo }}" width="300" onerror="this.src='/images/logo.png'"/>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="row">
                                    <div class="col-12 attr mt-md-0">
                                        <label class="width-full col-form-label">School Name <span class="text-danger">*</span></label>
                                        <input type="input" class="form-control" name="name" value="{{ $school->name }}" placeholder="Full name in English (City is separated by commas)" required />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 attr">
                                        <label class="width-full col-form-label">Address</label>
                                        <input type="input" class="form-control" name="address" value="{{ $school->address }}" placeholder="Address on Google map" />
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 attr">
                                        <label class="width-full col-form-label">City Name (English)</label>
                                        <input type="input" class="form-control" name="city_en" value="{{ $school->city_en }}" />
                                    </div>
                                    <div class="col-md-6 attr">
                                        <label class="width-full col-form-label">City Name (Chinese)</label>
                                        <input type="input" class="form-control" name="city_tw" value="{{ $school->city_tw }}" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        <h5 class="p-10 b-b-1 m-t-40">Contact Information</h5>
                        <div class="row p-10">
                            <div class="col-md-6 attr mt-0">
                                <label class="width-full col-form-label">Phone</label>
                                <div class="add-group">
                                    <div class="clone-group">
                                        <div class="row m-b-10 add-clone">
                                            <div class="col-7">
                                                <input class="form-control" type="tel" name="telephone" value="{{ $school->telephone }}" placeholder="Phone Number (only numbers without hyphen)">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 attr mt-md-0">
                                <label class="width-full col-form-label">Email</label>
                                <div class="add-group">
                                    <div class="clone-group">
                                        <div class="row m-b-10 add-clone">
                                            <div class="col-6 p-r-0">
                                                <input class="form-control" type="text" name="email" value="{{ $school->email }}" placeholder="Email">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 attr">
                                <label class="width-full col-form-label">Social Media</label>


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

																				@if(count($school_sns))
																					@foreach ($school_sns as $sns)
																					<div class="row add-clone m-b-10 sns">
																							<div class="col">
																									<div class="row">
																											<div class="col-3">
																												<div class="col p-r-0">
																														<select class="form-control width-full" name="sns_sns[]">
																															<option value="facebook" {{ 'facebook'==$sns->sns?'selected':'' }} >Facebook</option>
																															<option value="instagram" {{ 'instagram'==$sns->sns?'selected':'' }} >Instagram</option>
																															<option value="twitter" {{ 'twitter'==$sns->sns?'selected':'' }} >Twitter</option>
																															<option value="youtube" {{ 'youtube'==$sns->sns?'selected':'' }} >Youtube</option>
																															<option value="line" {{ 'line'==$sns->sns?'selected':'' }} >LINE</option>
																															<option value="blog" {{ 'blog'==$sns->sns?'selected':'' }} >Blog</option>
																														</select>
																												</div>
																											</div>
																											<div class="col-6 p-l-0">
																												<input class="form-control" type="text" name="sns_url[]" value="{{ $sns->url }}" placeholder="URL">
																											</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>
																							</div>
																					</div>
																					@endforeach
																				@else
																					<div class="row add-clone m-b-10 sns">
																							<div class="col">
																									<div class="row">
																											<div class="col-3">
																												<div class="col p-r-0">
																														<select class="form-control width-full" name="sns_sns[]">
																															<option value="facebook">Facebook</option>
																															<option value="instagram">Instagram</option>
																															<option value="twitter">Twitter</option>
																															<option value="youtube">Youtube</option>
																															<option value="line">LINE</option>
																															<option value="blog">Blog</option>
																														</select>
																												</div>
																											</div>
																											<div class="col-6 p-l-0">
																												<input class="form-control" type="text" name="sns_url[]" value="" placeholder="URL">
																											</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>
																							</div>
																					</div>
																				@endif

																		</div>
																		<button type="button" class="btn btn-primary btn-xs add-btn">+ Add</button>
																</div>

                            </div>

                            <div class="col-md-6 attr">
                                <label class="width-full col-form-label">Website</label>
                                <div class="add-group">
                                    <div class="clone-group">
                                        <div class="row m-b-10 add-clone">
                                            <div class="col-6 p-r-0">
                                                <input class="form-control" type="text" name="website" value="{{ $school->website }}" placeholder="URL">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



												<div class="row p-10">
														<div class="col-md-3 attr mt-0">
																<label class="width-full col-form-label">Establish Year</label>
																<input type="text" class="form-control" name="establish" value="{{ $school->establish }}" placeholder="Only number" />
														</div>
														<div class="col-md-3 attr mt-md-0">
																<label class="width-full col-form-label">Total Student</label>
																<input type="text" class="form-control" name="total_student" value="{{ $school->total_student }}" placeholder="Only number" />
														</div>
												</div>

												<div class="col-md-6 attr">
														<label class="width-full col-form-label">Nationality Rate</label>

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

																		@if($country_rate)
																			@foreach ($country_rate as $c_r)
																			<div class="row add-clone m-b-10 rate">
																					<div class="col">
																							<div class="row">
																									<div class="col-3">
																										<input class="form-control" type="text" name="nation_country[]" value="{{ $c_r->country }}" placeholder="Country">
																									</div>
																									<div class="col-6 p-l-0">
																										<input class="form-control" type="text" name="nation_rate[]" value="{{ $c_r->rate }}" placeholder="Rate (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>
																					</div>
																			</div>
																			@endforeach
																		@else
																			<div class="row add-clone m-b-10 rate">
																					<div class="col">
																							<div class="row">
																									<div class="col-3">
																										<input class="form-control" type="text" name="nation_country[]" value="" placeholder="Country">
																									</div>
																									<div class="col-6 p-l-0">
																										<input class="form-control" type="text" name="nation_rate[]" value="" placeholder="Rate (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>
																					</div>
																			</div>
																		@endif

																</div>
																<button type="button" class="btn btn-primary btn-xs add-btn">+ Add</button>
														</div>
												</div>


												<div class="col-md-6 attr">
													<label class="width-full col-form-label">Facility</label>
													<div class="row">

																	<br />
<b>Notice</b>:  Undefined variable: school in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>293</b><br />
<br />
<b>Notice</b>:  Trying to get property 'facility' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>293</b><br />
																	@foreach ($facility as $fac)
																	@if( (json_decode($fac->cdsh_label))->tw )
																	<br />
<b>Notice</b>:  Undefined variable: fac in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>297</b><br />
<br />
<b>Notice</b>:  Trying to get property 'cdsh_code' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>297</b><br />
																	<div class="col-md-4">
																		<input type="checkbox"  name="facility[]" value="{{ $fac->cdsh_code }}" {{ $chk }} > {{ (json_decode($fac->cdsh_label))->tw }}
																	</div>
																	@endif
																	@endforeach

															 </div>
											</div>


												<div class="row p-10">
														<div class="col-md-6 attr mt-0">
																<label class="width-full col-form-label">School Introduction</label>
																<textarea class="form-control" style="height:242px" name="intro" placeholder="When writing, use spaces, paragraphs, bullet points, etc.">{{ $school->intro }}</textarea>
														</div>
														<div class="col-md-6 attr mt-md-0">
																<label class="width-full col-form-label">School Features</label>

																<div class="row m-b-10 add-clone">
																		<div class="col-11">
																		<br />
<b>Notice</b>:  Undefined variable: school in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>321</b><br />
<br />
<b>Notice</b>:  Trying to get property 'feature' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>321</b><br />
<br />
<b>Warning</b>:  Creating default object from empty value in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_edit.blade.php</b> on line <b>321</b><br />
																			<textarea class="form-control" style="height:242px" name="feature" placeholder="When writing, use spaces, paragraphs, bullet points, etc.">{{ $school->feature }}</textarea>
																		</div>
																</div>

														</div>
												</div>

												<div class="row p-10">

														<div class="col-md-6 add-group attr mt-md-0">
																<label class="width-full col-form-label">Map</label>
																<div class="row p-10">
																		<div class="col-md-3 attr mt-0">
																				<label class="width-full col-form-label">longitude</label>
																				<input type="text" class="form-control" name="lng" value="{{ $school->lng }}" placeholder="longitude" />
																		</div>
																		<div class="col-md-3 attr mt-md-0">
																				<label class="width-full col-form-label">latitude</label>
																				<input type="text" class="form-control" name="lat" value="{{ $school->lat }}" placeholder="latitude" />
																		</div>
																</div>

														</div>

														<div class="col-md-6 add-group attr mt-md-0">
																<label class="width-full col-form-label">360 View</label>
																<div class="input-group preview-group">
																		<input type="text" class="form-control" data-info="preview" name="view360" value="{{ $school->view360 }}" placeholder="URL">
																</div>
														</div>
												</div>

												<div class="row p-10">
													<div class="col-6">
															<div class="col-md-3 attr mt-0">
																<label class="col-form-label">EDM UID</label>
																<input type="text" class="form-control" name="edm_school_uid" value="{{ $school->edm_school_uid }}" placeholder="EDM UID">
															</div>
													</div>

													<div class="col-6">
															<div class="col-md-3 attr mt-0">
																<label class="col-form-label">Sort</label>
																<input type="number" class="form-control" name="sort" value="{{ $school->sort }}" placeholder="Number">
															</div>
													</div>
												</div>

												<div class="col-6">
													<div class="attr">
															<label class="width-full col-form-label">Visibility</label>
															<div class="checkbox checkbox-css">
																	<input type="checkbox" class="form-check-input" id="visible" name="visible" value="Y" {{ $school->visible == 'Y' ? 'checked' : '' }}>
																	<label class="form-check-label" for="visible">Visible</label>
															</div>
													</div>
												</div>



                        <div class="row p-10 m-t-20">
                            <div class="col-12 text-right">
                                <button type="submit" class="btn btn-success">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

@endsection

@section('js')
<script type="text/javascript">
    $(function() {
			$('#form-create').input();
		});
</script>
@endsection