@extends('layouts.master')

@section('main')

@if(session('delete'))
<script>
alert('{{ session('delete') }}');
</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>
            <a href="/register" class="btn btn-primary"><i
                    class="fas fa-lg fa-fw m-r-5 fa-plus"></i>School Register</a>

<!--
            <a href="" class="excel-download"
                title="Excel Download">
                <span class="fa-stack fa-lg text-success">
                    <i class="far fa-square fa-stack-2x"></i>
                    <i class="fas fa-file-excel fa-stack-1x"></i>
                </span>
            </a>
-->
        </div>
    </div>
    <!-- end page-header -->


    <div class="tab-content width-full">

        <div class="tab-pane fade active show" id="nav-pills-tab-1">
            <form name="form-school-search" id="form-school-search" method="GET" action="/schools" class="search">
						@csrf
                <div class="b-1 p-20 bg-grey-transparent-1">
                    <div class="row m-b-20">
                        <div class="attr col-2">
                            <label class="width-full col-form-label">
                                Country
                            </label>
                            <div class="dropdown bootstrap-select show-tick width-full">
																<select class="width-full selectpicker" name="ctry"  data-actions-box="true" tabindex="-98">
																	<option value="">All</option>
																	@foreach ($countries as $country)
																	<option value="{{ $country->country_name_en }}" {{ $country->country_name_en == $ctry ? 'selected' : '' }}>{{ $country->country_name }}</option>
																	@endforeach
                                </select>
                             
                            </div>
                        </div>
                        <div class="attr col-2">
                            <label class="width-full col-form-label">School Type</label>
                            <div class="dropdown bootstrap-select show-tick width-full">
																<select  class="width-full selectpicker" name="s_type"  data-actions-box="true" tabindex="-98">
																		<option value="">All</option>
 																		@foreach ($school_type as $st)
																		<option value="{{ $st->cdsh_code }}" {{ $st->cdsh_code == $s_type ? 'selected' : '' }}>{{ json_decode($st->cdsh_label)->tw }}</option>
																		@endforeach
                                </select>
                            </div>
                        </div>

                        <div class="attr col">
													<label class="width-100 col-form-label">School Name</label>
													<input class="form-control" type="text" name="name" id="name" value="{{ $name }}" autocomplete="off">
                        </div>

												<div class="attr col-3 align-self-end">
														<button type="submit" class="btn btn-primary">Search</button>
												</div>

                    </div>

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

    </div>

    <!-- begin tab-content -->
    <div class="tab-content width-full">

		<form name="action_form" id="action_form" method="" action="">
				@csrf
				<input type="hidden" name="_method" id="_method">

		<!--
        <div class="position-relative m-b-10">
            <input type="text" class="d-inline-block align-bottom form-control width-60 text-center" id="perpage"
                value="20">
            <label class="align-bottom form-label m-l-5 m-r-10">entries</label>
            <button type="button" class="d-inline-block align-bottom btn btn-info" onclick="setPerPage()">Apply</button>

        </div>
				-->



        <table class="table table-bordered m-0">
            <thead>
				<tr>
					<th width="2%" class="text-nowrap text-center"></th>
					<th width="5%" class="text-nowrap text-center">UID</th>
					<th width="5%" class="text-nowrap text-center">EDM UID</th>
					<th width="10%" class="text-nowrap text-center">Country</th>
					<th width="10%" class="text-nowrap text-center">School Type</th>
					<th width="5%" class="text-nowrap text-center">School Logo</th>
					<th width="" class="text-nowrap text-center">School Name</th>
					<th width="10%" class="text-nowrap text-center">City</th>
					<th width="5%" class="text-nowrap text-center">Images</th>
					<th width="5%" class="text-nowrap text-center"></th>
				</tr>
            </thead>
            <tbody>
				@foreach ($schools as $school)
				<br />
<b>Notice</b>:  Undefined variable: school in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_list.blade.php</b> on line <b>124</b><br />
<br />
<b>Notice</b>:  Trying to get property 'CountryName' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_list.blade.php</b> on line <b>124</b><br />
<br />
<b>Notice</b>:  Undefined variable: name in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_list.blade.php</b> on line <b>125</b><br />
<br />
<b>Notice</b>:  Undefined variable: school in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_list.blade.php</b> on line <b>125</b><br />
<br />
<b>Notice</b>:  Trying to get property 'name' of non-object in <b>/home/edmedu/www/edmtw.com/manager/resources/views/school_list.blade.php</b> on line <b>125</b><br />
                <tr class="resource">
										<td class="text-center"><input type="checkbox" {{ $school->visible == 'Y' ? 'checked' : '' }}></td>
                    <td class="text-center align-middle">{{ $school->school_uid }}</td>
										<td class="text-center align-middle">{{ $school->edm_school_uid }}</td>
                    <td class="text-nowrap text-center align-middle">{{ $country_name }}</td>
                    <td class="text-center align-middle">
											@if($school->school_type)
												@if($school->school_type == "ST010")
												<span class="label bg-orange rounded-corner d-inline-block align-top m-0 p-0" style="width:1.2rem;height:1.2rem;line-height:1.2rem">L</span>
												@endif
												@if($school->school_type == "ST020")
												<span class="label bg-blue rounded-corner d-inline-block align-top m-0 p-0" style="width:1.2rem;height:1.2rem;line-height:1.2rem">U</span>
												@endif
												@if($school->school_type == "ST030")
												<span class="label bg-lime rounded-corner d-inline-block align-top m-0 p-0" style="width:1.2rem;height:1.2rem;line-height:1.2rem">J</span>
												@endif
											{{ json_decode($school->SchoolType->cdsh_label)->tw }}
											@endif
										</td>
										<td class="text-center align-middle">
											@if($school->logo)
											<img id="logo_img" src="{{ $school->logo }}" width="50" onerror="this.src='/images/logo.png'"/>
											@endif
										</td>
                    <td class="align-middle"><a href="/schools/{{$school->school_uid}}/edit">{!! $school_name !!}</a></td>
                    <td class="text-center align-middle">{{ $school->city_tw }}</td>
										<td class="text-center align-middle">{{ $school->SchoolImages->count() }}</td>
                    <td class="text-nowrap text-center align-middle">
                        <a href="javascript:void(0);" class="btn btn-danger btn-icon btn-circle btn-xs"  onclick="school_delete({{ $school->school_id }}, 'DELETE');"><i class="fa fa-times"></i></a>
                    </td>
                </tr>
				@endforeach
            </tbody>
        </table>

				<ul class="pagination" style="justify-content: center;">
					{{ $schools->appends(['ctry'=>$ctry, 's_type'=>$s_type, 'name'=>urlencode($name)])->links('pagination.custom') }}
				</ul>

    </div>

		</form>
    <!-- end tab-content -->
</div>
@endsection

@section('js')
<script type="text/javascript">
function school_delete(school_id)
{
	if (confirm("Are you sure delete?")) {
		$("#action_form").attr("method", "POST");
		$("#action_form").attr("action", "/schools/"+school_id+"?page="+{{ $page }});
		$("#_method").val("DELETE");
		$("#action_form").submit();
	}
}
</script>

<script>
$(document).ready(function(){
	
	$('#name').autocomplete({
		source : function(reuqest, response) {
			var name = $('#name').val();
			$.ajax({
					type : 'get',
					url: '/schools/get_name?name='+encodeURI(name),
					dataType : 'json',
					success : function(data) {
							response(
									$.map(data, function(item) {
											return {
											value : item
										}
									})
							);
					}
			});
		},
		select : function(event, ui) {
				console.log(ui);
				console.log(ui.item.label);
				console.log(ui.item.value);
				console.log(ui.item.test);
		},
		focus : function(event, ui) {
				return false;
		},
		minLength : 2,
		autoFocus : false,
		classes : {
				'ui-autocomplete': 'highlight'
		},
		delay : 500,
		position : { my : 'left top', at : 'left bottom' },
		close : function(event) {
				console.log(event);
		}
	});
});
</script>

@endsection