@extends('layouts.app')
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/anbeduca/public_html/anb-homestay/resources/views/schList.blade.php</b> on line <b>4</b><br />
@section('content')
    <style>
        .footer {
            display:none;
        }
    </style>

    @include('script.googleMap')

    <!-- 검색 스크립트 -->
    @include('script/searchScript')

    @include('script/getParameter')
    <script>
        $(document).ready(function() {
            // 검색 키워드가 넘어왔을 경우
            var searchKeyword = getUrlParameter('keyword');
            if ( searchKeyword != '' && searchKeyword != undefined ) {
                $("#searchKeyword").val(searchKeyword);
                $('#btnSearchSchool').trigger('click');
            }
            else {
                $('#btnSearchSchool').trigger('click');
               
            }
        });
    </script>

    <div class="container row">
        <div class="mapContainer col-md-4" style="position:fixed; height:100%; z-index:500; top:0; padding-left:0;">
            <div id="mapDefault" style="width:100%; height:100%;"></div>
        </div>
        <div class="searchContainer mt20 col-md-8" style="position:absolute; right:0;">

            {{--search--}}
            <div class="bs-panel">
                <h2>@lang('menu.searchSchool')</h2>
                <div class="input-group">
                    <input id="searchKeyword" type="text" class="form-control" placeholder="@lang('menu.searchSchoolPlaceholder')">
                    <span class="input-group-btn">
                        <button id="btnSearchSchool" class="btn btn-default" type="button"> @lang('menu.searchBtn') </button>
                    </span>
                </div>
                <button type="button" class="btn btn-default dropdown-toggle mt10" onclick="$('#detailOption').slideToggle();"> @lang('menu.searchDtlOpt') <span class="caret"></span></button>
            </div>

            {{--search detail--}}
            <div id="detailOption" class="bs-panel" style="display:none;">
                <h3>@lang('menu.filterBy')</h3>
                <div class="form-group">
                    <label class="control-label">
                        state
                    </label>
                    <select id="selectSchoolState" class="form-control">
                        <option value="0">@lang('menu.selectDefault')</option>
                        @foreach ($ar_school_states as $key => $value)
                            <option value="{{$key}}">{{$value}}</option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group mt30">
                    <label class="control-label">@lang('menu.schoolType')</label>
                    <div class="row mt10">
                        <div class="radio-custom mb5 col-md-3">
                            <input type="radio" id="radioSchoolTypeBoth" name="radioSchoolType" value="both" checked>
                            <label for="radioSchoolTypeBoth">Both</label>
                        </div>
                        <div class="radio-custom mb5 col-md-3">
                            <input type="radio" id="radioSchoolTypePublic" name="radioSchoolType" value="public">
                            <label for="radioSchoolTypePublic">Public</label>
                        </div>
                        <div class="radio-custom mb5 col-md-3">
                            <input type="radio" id="radioSchoolTypePrivate" name="radioSchoolType" value="private">
                            <label for="radioSchoolTypePrivate">Private</label>
                        </div>
                    </div>
                </div>
            </div>

            {{--search result--}}
            <div class="bs-panel mt20">
                <h3><span id="txtCntSchool">0</span> @lang('menu.school')</h3>
                <div id="searchResultSchool"></div>
                <div style="text-align:center;">
                    <button id="showMoreSchoolList" class="btn btn-lg btn-default" style="width:70%"> @lang('menu.showMore') </button>
                </div>
            </div>

        </div>
    </div>

@endsection