@extends('layouts.admin')

@section('page-header')
@if(isset($school->id))
	{{$school->school_name}}
@else
	School Add
@endif
@endsection


@section('content')
<form>
<div class="admin-form">
	<div class="panel">
		<div class="panel-heading" style="position: relative;height: 40px;line-height: 36px;padding: 0 8px;"><span class="panel-title" style="color: #666666;font-size: 13px;font-weight: 600;padding-left: 6px;">Basic Information</span></div>
		<div class="form-inline panel-body p25">
			<div class="section row mb10">
				<label for="type" class="field-label col-sm-4 text-right">Type</label>
				<div class="col-sm-8">
					<select id="type" class="form-control">
						<option value="public" {{ isset($school->type) && $school->type == 'public' ? 'selected' : '' }}>public</option>
						<option value="private" {{ isset($school->type) && $school->type == 'private' ? 'selected' : '' }}>private</option>
					</select>
				</div>
			</div>

			<div class="section row mb10">
				<label for="school_type" class="field-label col-sm-4 text-right">School Type</label>
				<div class="col-sm-8">
					<select id="school_type" class="form-control">
						<option value="day" {{ isset($school->school_type) && $school->school_type == 'day' ? 'selected' : '' }}>Day</option>
						<option value="boarding" {{ isset($school->school_type) && $school->school_type == 'boarding' ? 'selected' : '' }}>Boarding</option>
						<option value="none" {{ isset($school->school_type) && $school->school_type == 'none' ? 'selected' : '' }}>None</option>
					</select>
				</div>
			</div>

			<div class="section row mb10">
				<label for="state" class="field-label col-sm-4 text-right">State</label>
				<div class="col-sm-8">
					<select id="state" class="form-control">
						<option value="">Select state</option>
						@foreach($states as $state)
							<option value="{{ $state->state_short_name }}" {{ isset($school->state) && $school->state == $state->state_short_name ? 'selected' : '' }}>{{ $state->state_name }}</option>
						@endforeach
					</select>
				</div>
			</div>


			<div class="section row mb10">
				<label for="type" class="field-label col-sm-4 text-right">Grade level from</label>
				<div class="col-sm-8">
					<select id="start_grade" class="form-control">
						<option value="">select grade level</option>
						<option value="-2" {{ isset($school->start_grade) && $school->start_grade === -2 ? 'selected' : '' }}>PK</option>
						<option value="-1" {{ isset($school->start_grade) && $school->start_grade === -1 ? 'selected' : '' }}>K</option>
						@for($i=1;$i<=12;$i++)
						<option value="{{ $i }}" {{ isset($school->start_grade) && $school->start_grade === $i ? 'selected' : '' }}>{{ $i }} @if( $i == 1) st @elseif( $i == 2) nd @elseif ( $i == 3) rd @else th @endif </option>
						@endfor
					</select>
				</div>
			</div>

			<div class="section row mb10">
				<label for="type" class="field-label col-sm-4 text-right">Grade level to</label>
				<div class="col-sm-8">
					<select id="end_grade" class="form-control">
						<option value="">select grade level</option>
						<option value="-2" {{ isset($school->end_grade) && $school->end_grade === -2 ? 'selected' : '' }}>PK</option>
						<option value="-1" {{ isset($school->end_grade) && $school->end_grade === -1 ? 'selected' : '' }}>K</option>
						@for($i=1;$i<=12;$i++)
							<option value="{{ $i }}" {{ isset($school->end_grade) && $school->end_grade === $i ? 'selected' : '' }}>{{ $i }} @if( $i == 1) st @elseif( $i == 2) nd @elseif ( $i == 3) rd @else th @endif </option>
						@endfor
					</select>
				</div>
			</div>

						@foreach($ar_school_field as $key => $value)
			<div class="section row mb10">
				<label for="{{$key}}" class="field-label col-sm-4 text-right"> {{$value}} </label>
				<div class="col-sm-8">
					<label for="{{$key}}" class="field"><input type="text" id="{{$key}}" class="gui-input" value="{{ isset($school->{$key}) ? $school->{$key} : '' }}"></label>
				</div>
			</div>
			@endforeach

		</div>
	</div>


	<div class="panel">
		<div class="panel-heading" style="position: relative;height: 40px;line-height: 36px;padding: 0 8px;"><span class="panel-title" style="color: #666666;font-size: 13px;font-weight: 600;padding-left: 6px;">School Image</span></div>
		<div class="form-inline panel-body p25">


			<div class="section row mb10">

				@for($i=1; $i<=10; $i++)
					<div class="row">

						<div class="col-sm-4 text-right">@if( !empty($school->{'image'.$i.'_file'}) )<img src="/uploads/school/{{ $school->{'image'.$i.'_file'} }}" style="width:100%;max-width:100px;">@endif</div>
						<div class="col-sm-8">
							<div class="section">
							  <label class="field prepend-icon file" style="width: 78%;">
								<span class="button btn-primary">Select Image</span>
								<input type="file" class="gui-file" name="image{{$i}}_file" id="image{{$i}}_file" onchange="document.getElementById('image{{$i}}').value = this.value;">
								<input type="text" class="gui-input" id="image{{$i}}" placeholder="Please Select A File" value="">
								<label class="field-icon">
								  <i class="fa fa-upload"></i>
								</label>
							  </label>
							  @if( !empty($school->{'image'.$i.'_file'}) )
								<a href="/download?file_name=/uploads/school/{{ $school->{'image'.$i.'_file'} }}" class="button btn-primary" style="height: 39px;line-height: 35px;">Download</a>
							  @endif
							</div>
						</div>
					</div>
				@endfor
			</div>

		</div>
	</div>


	<div class="panel">
		<div class="panel-heading" style="position: relative;height: 40px;line-height: 36px;padding: 0 8px;"><span class="panel-title" style="color: #666666;font-size: 13px;font-weight: 600;padding-left: 6px;">Others</span></div>
		<div class="form-inline panel-body p25">

			<div class="section row mb10">
				<label for="grade" class="field-label col-sm-4 text-right">Flyer</label>
				<div class="col-sm-8">
					<div class="section">
						<label class="field prepend-icon file" style="width: 78%;">
							<span class="button btn-primary">Select flyer</span>
							<input type="file" class="gui-file" name="flyer_file" id="flyer_file" onchange="document.getElementById('flyer').value = this.value;">
							<input type="text" class="gui-input" id="flyer" placeholder="Please Select A File" value="">
							<label class="field-icon">
								<i class="fa fa-upload"></i>
							</label>
						</label>
						@if( !empty($school->flyer_file) )
							<a href="/download?file_name=/uploads/school/{{ $school->flyer_file }}" class="button btn-primary" style="height: 39px;line-height: 35px;">Download</a>
						@endif
					</div>
					<div><!--b-->
					@if( !empty($school->flyer_file) )
					Current file: {{ $school->flyer_file }}
					@endif
					</div>
				</div>
			</div>

			<div class="section row mb10">
				<label for="grade" class="field-label col-sm-4 text-right">Application</label>
				<div class="col-sm-8">
					<div class="section">
						<label class="field prepend-icon file" style="width: 78%;">
							<span class="button btn-primary">Select Application</span>
							<input type="file" class="gui-file" name="application_file" id="application_file" onchange="document.getElementById('application').value = this.value;">
							<input type="text" class="gui-input" id="application" placeholder="Please Select A File" value="">
							<label class="field-icon">
								<i class="fa fa-upload"></i>
							</label>
						</label>
						@if( !empty($school->application_file) )
							<a href="/download?file_name=/uploads/school/{{ $school->application_file }}" class="button btn-primary" style="height: 39px;line-height: 35px;">Download</a>
						@endif
					</div>
					<div><!--b-->
					@if( !empty($school->application_file) )
					Current file: {{ $school->application_file }}
					@endif
					</div>
				</div>
			</div>


		</div>
	</div>


</div>
<div class="text-right smart-widget" style="position:relative;">
	<a href="/admin/school{{ Request::has('b_q') ? '?'.Request::input('b_q') : '' }}" class="btn btn-default" style="position:absolute;left:0;width:100px;">Return List</a>
	@if(isset($school))
	<button type="reset" class="btn btn-default" style="width:80px;">Cancel</button>
	<button id="btn_delete" type="button" class="btn btn-primary" style="width:80px;">Delete</button>
	<button id="btn_modify" type="button" class="btn btn-primary" style="width:80px;">Modify</button>
	@else
	<button id="btn_write" type="button" class="btn btn-primary" style="width:80px;">Save</button>
	@endif
</div>
</form>

@endsection



@section('script')>

  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";


	@if(isset($school->id))
    $('#btn_modify').on('click', function() {
		var formData = new FormData();
		formData.append("_method", "put");
		formData.append("type", $('#type').val());
		formData.append("school_type", $('#school_type').val());
		formData.append("state", $('#state').val());
		formData.append("start_grade", $('#start_grade').val());
		formData.append("end_grade", $('#end_grade').val());
		@foreach($ar_school_field as $key => $value)
			formData.append("{{$key}}", $('#{{$key}}').val());
		@endforeach
		var i = 1;
		for (i; i <= 10; i++) {
			if ( $("input[name=image"+i+"_file]")[0].files[0] != undefined ) {
				formData.append("image"+i+"_file", $("input[name=image"+i+"_file]")[0].files[0]);
			}
		}
		if ($("input[name=flyer_file]")[0].files[0] != undefined) formData.append("flyer_file", $("input[name=flyer_file]")[0].files[0]);
		//formData.append("brochure_file", $("input[name=brochure_file]")[0].files[0]);
		if ($("input[name=application_file]")[0].files[0] != undefined) formData.append("application_file", $("input[name=application_file]")[0].files[0]);

		$.ajax({
			method: "post",
			url: "/api/school/{{ $school->id }}",
			data: formData,
			processData: false,
			contentType: false,
		})
		.success(function( msg ) {
			alert('Success Modify.');
			location.href = '/admin/school';
		})
		.fail(function( a ) {
			alert(a.responseJSON.msg);
		});
    });

    $('#btn_delete').on('click', function() {

		swal({   
			title: "Are You Sure?",
			text: '@if($school->student_cnt>0)Connected Student : {{$school->student_cnt}}@endif @if($school->host_cnt > 0 && $school->student_cnt > 0)<br>@endif @if($school->host_cnt>0)Connected Host Family : {{$school->host_cnt}}@endif',
			html: true,
			allowOutsideClick: true,
			showCancelButton: true,
			cancelButtonText: "No",
			confirmButtonText: "Yes",
			closeOnConfirm: false
		},
		function(isConfirm){
			if (isConfirm) {
				$.ajax({
					method: "delete",
					url: "/api/school/{{ $school->id }}"
				})
				.success(function( msg ) {
					alert('Success Delete.');
					location.href = '/admin/school';
				})
				.fail(function( a ) {
					alert(a.responseJSON.msg);
				});
			}
		});

    });
	@else


    $('#btn_write').on('click', function() {
		var formData = new FormData();
		//formData.append("_method", "put");<!--b-->
		formData.append("type", $('#type').val());
		formData.append("school_type", $('#school_type').val());
		formData.append("state", $('#state').val());
		formData.append("start_grade", $('#start_grade').val());
		formData.append("end_grade", $('#end_grade').val());
		@foreach($ar_school_field as $key => $value)
			formData.append("{{$key}}", $('#{{$key}}').val());
		@endforeach
		var i = 1;
		for (i; i <= 10; i++) {
			if ( $("input[name=image"+i+"_file]")[0].files[0] != undefined ) {
				formData.append("image"+i+"_file", $("input[name=image"+i+"_file]")[0].files[0]);
			}
		}
		if ($("input[name=flyer_file]")[0].files[0] != undefined) formData.append("flyer_file", $("input[name=flyer_file]")[0].files[0]);
		if ($("input[name=application_file]")[0].files[0] != undefined) formData.append("application_file", $("input[name=application_file]")[0].files[0]);

		$.ajax({
			method: "post",
			url: "/api/school",
			data: formData,
			processData: false,
			contentType: false,
		})
		.success(function( msg ) {
			alert('Success Write.');
			location.href = '/admin/school';
		})
		.fail(function( a ) {
			alert(a.responseJSON.msg);
		});
    });
	@endif

  });
  </script>
@endsection