@extends('dashboard.layout.app')
@section('css')

<style type="text/css">
    #mapCanvas{
        width: 100%;
        height: 300px;
    }
</style>

@endsection
@section('content')
<div class="box-tebal bg-white">
    <div class="row">
        <div class="col-md-12">
            <form class="form-horizontal m-b-30" action="" method="post" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home"
                                    aria-controls="home" role="tab" aria-selected="true">اعدادات عامة</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="pages-tab" data-toggle="tab" href="#pages"
                                    aria-controls="pages" role="tab" aria-selected="false">صفحات عامة</a>
                            </li>
                            {{-- <li class="nav-item">
                                <a class="nav-link" id="apps-tab" data-toggle="tab" href="#apps"
                                    aria-controls="apps" role="tab" aria-selected="false">لينكات تحميل التطبيقات</a>
                            </li> --}}
                            <li class="nav-item">
                                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile"
                                    aria-controls="profile" role="tab" aria-selected="false">السوشال ميديا</a>
                            </li>
                            {{-- <li class="nav-item">
                                <a class="nav-link" id="times-tab" data-toggle="tab" href="#times" aria-controls="times"
                                    role="tab" aria-selected="false">اوقات العرض والمزايده </a>
                            </li> --}}
                            <li class="nav-item">
                                <a class="nav-link" id="images-tab" data-toggle="tab" href="#images" aria-controls="images"
                                    role="tab" aria-selected="false">الصور</a>
                            </li>
                            {{-- <li class="nav-item">
                                <a class="nav-link" id="payments-tab" data-toggle="tab" href="#payments" aria-controls="payments"
                                    role="tab" aria-selected="false">الدفع</a>
                            </li> --}}
                            <li class="nav-item">
                                <a class="nav-link" id="dev-tab" data-toggle="tab" href="#dev" aria-controls="dev"
                                    role="tab" aria-selected="false">Dev Tool</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="home" aria-labelledby="home-tab" role="tabpanel">

                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        عنوان الموقع عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::text("setting[site_name]",(isset($setting['site_name']))?
                                        $setting['site_name'] : null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        البريد الاكتروني 
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::email("setting[email]",(isset($setting['email']))? $setting['email'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        رقم الجوال 
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::text("setting[phone]",(isset($setting['phone']))? $setting['phone'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        العنوان عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::text("setting[address]",(isset($setting['address']))? $setting['address'] : null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        رابط الخريطة 
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea("setting[address_map]",(isset($setting['address_map']))? $setting['address_map'] : null,['class'=>'form-control'])!!}
                                    </div>
                                </div> --}}



                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        من نحن الفوتر عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea("setting[footer_about]",(isset($setting['footer_about']))? $setting['footer_about'] : null,['class'=>'form-control'])!!}
                                    </div>
                                </div> --}}
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        فيديو الاسئلة الشائعة
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[fqe_video]",(isset($setting['fqe_video']))? $setting['fqe_video'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div> --}}

                            </div>
                            <div class="tab-pane" id="pages" aria-labelledby="pages-tab" role="tabpanel">

                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        عن الموقع عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea("setting[about]",(isset($setting['about']))? $setting['about'] :
                                        null,['class'=>'form-control mytextarea', 'style' => 'width: 100%; height: 150px; border: 1px solid
                                        #E3E3E3;border-radius: 4px;color: #565656;padding: 7px 12px;'])!!}
                                    </div>
                                </div>


                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        الشروط و الاحكام عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea("setting[terms]",(isset($setting['terms']))? $setting['terms'] :
                                        null,['class'=>'form-control mytextarea', 'style' => 'width: 100%; height: 150px; border: 1px solid
                                        #E3E3E3;border-radius: 4px;color: #565656;padding: 7px 12px;'])!!}
                                    </div>
                                </div>

                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        سياسة الخصوصية عربي
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea("setting[privacy]",(isset($setting['privacy']))? $setting['privacy'] :
                                        null,['class'=>'form-control mytextarea', 'style' => 'width: 100%; height: 150px; border: 1px solid
                                        #E3E3E3;border-radius: 4px;color: #565656;padding: 7px 12px;'])!!}
                                    </div>
                                </div>

                            </div>
                            <div class="tab-pane" id="apps" aria-labelledby="apps-tab" role="tabpanel">
                                
                            </div>
                            <div class="tab-pane" id="profile" aria-labelledby="profile-tab" role="tabpanel">

                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        وتساب
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::text("setting[whatsapp]",(isset($setting['whatsapp']))? $setting['whatsapp'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        فيسبوك
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[facebook]",(isset($setting['facebook']))? $setting['facebook'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        تويتر (X)
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[twitter]",(isset($setting['twitter']))? $setting['twitter'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        انستجرام
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[instagram]",(isset($setting['instagram']))? $setting['instagram'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        لينكدان
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[linkedin]",(isset($setting['linkedin']))? $setting['linkedin'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div> --}}
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        يوتيوب
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::url("setting[youtube]",(isset($setting['youtube']))? $setting['youtube'] :
                                        null,['class'=>'form-control'])!!}
                                    </div>
                                </div>
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="col-md-2 control-label"> الموقع علي الخريطة </label>
                                    <div class="map-content col-md-12">
                                      <div style="margin-top: 8px">
                                        {!! Form::text("setting[map_address]",null,['class'=>'form-control', 'id' => 'autocomplete'])!!}
                                      </div>

                                      <div id="mapCanvas"></div>

                                      <div id="infoPanel" style="display: none;">
                                          <b>Marker status:</b>
                                          <div id="markerStatus"><i>Click and drag the marker.</i></div>
                                          <b>Current position:</b>
                                          <div id="info"></div>
                                          <b>Closest matching address:</b>
                                          <div id="address"></div>
                                      </div>
                                        {!! Form::hidden("setting[latitude]",(getSettingValue('latitude') != '' ? getSettingValue('latitude') : null),['class'=>'form-control', 'id' => 'lat'])!!}
                                        {!! Form::hidden("setting[longitude]",(getSettingValue('longitude') != '' ? getSettingValue('longitude') : null),['class'=>'form-control', 'id' => 'lng'])!!}
                                    </div>
                                </div> --}}



                            </div>
                            <div class="tab-pane" id="times" aria-labelledby="times-tab" role="tabpanel">
                                

                            </div>
                            <div class="tab-pane" id="images" aria-labelledby="images-tab" role="tabpanel">

                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        لوجو الموقع
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="logo" />
                                        <br>
                                        @if(isset($setting['logo']))
                                        <img src="{{getImage(getSettingValue('logo'))}}" width="160" height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        الفاف ايقون
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="fav_icon" />
                                        <br>
                                        @if(isset($setting['fav_icon']))
                                        <img src="{{getImage(getSettingValue('fav_icon'))}}" width="160" height="60">
                                        @endif
                                    </div>
                                </div>
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        لوجو الفوتر
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="footer_logo" />
                                        <br>
                                        @if(isset($setting['footer_logo']))
                                        <img src="{{getImage(getSettingValue('footer_logo'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div> --}}
                                
                                 <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر المسابقة 
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="about" />
                                        <br>
                                        @if(isset($setting['about']))
                                        <img src="{{getImage(getSettingValue('about'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                {{--
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر اتصل بنا
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="contact" />
                                        <br>
                                        @if(isset($setting['contact']))
                                        <img src="{{getImage(getSettingValue('contact'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر الاقسام
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="departments" />
                                        <br>
                                        @if(isset($setting['departments']))
                                        <img src="{{getImage(getSettingValue('departments'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر الفريق
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="teams" />
                                        <br>
                                        @if(isset($setting['teams']))
                                        <img src="{{getImage(getSettingValue('teams'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر الوظائف
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="careers" />
                                        <br>
                                        @if(isset($setting['careers']))
                                        <img src="{{getImage(getSettingValue('careers'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر المدونة
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="blog" />
                                        <br>
                                        @if(isset($setting['blog']))
                                        <img src="{{getImage(getSettingValue('blog'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر المقالة
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="post" />
                                        <br>
                                        @if(isset($setting['post']))
                                        <img src="{{getImage(getSettingValue('post'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر خدماتنا
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="services" />
                                        <br>
                                        @if(isset($setting['services']))
                                        <img src="{{getImage(getSettingValue('services'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر عملائنا
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="partners" />
                                        <br>
                                        @if(isset($setting['partners']))
                                        <img src="{{getImage(getSettingValue('partners'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر شركاتنا
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="brands" />
                                        <br>
                                        @if(isset($setting['brands']))
                                        <img src="{{getImage(getSettingValue('brands'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر سياسة الخصوصية
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="privacy" />
                                        <br>
                                        @if(isset($setting['privacy']))
                                        <img src="{{getImage(getSettingValue('privacy'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div> --}}
                                
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                         صورة اتصل بنا
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="contact_image" />
                                        <br>
                                        @if(isset($setting['contact_image']))
                                        <img src="{{getImage(getSettingValue('contact_image'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div> --}}
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        بنر الميديا سنتر
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="media" />
                                        <br>
                                        @if(isset($setting['media']))
                                        <img src="{{getImage(getSettingValue('media'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        صورة عن الموقع رقم 1
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="about_1" />
                                        <br>
                                        @if(isset($setting['about_1']))
                                        <img src="{{getImage(getSettingValue('about_1'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        صورة عن الموقع رقم 2
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="about_2" />
                                        <br>
                                        @if(isset($setting['about_2']))
                                        <img src="{{getImage(getSettingValue('about_2'))}}" width="160"
                                        height="60">
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                       فيديو
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="about_3" />
                                        <br>
                                        @if(isset($setting['about_3']))
                                        <video id="introVideo" class="plyr" autoplay muted loop playsinline controls>
                                            <source src="{{getImage(getSettingValue('about_3'))}}" type="video/mp4">
                                          </video>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                       فيديو
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="about_3_en" />
                                        <br>
                                        @if(isset($setting['about_3_en']))
                                        <video id="introVideo" class="plyr" autoplay muted loop playsinline controls>
                                            <source src="{{getImage(getSettingValue('about_3_en'))}}" type="video/mp4">
                                          </video>
                                        @endif
                                    </div>
                                </div> --}}
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                       ملف التقرير عربي
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="report_file" />
                                        <br>
                                        @if(isset($setting['report_file']))
                                        <a href="{{getImage(getSettingValue('report_file'))}}" target="_blank" rel="noopener noreferrer">تحميل</a>
                                        @endif
                                    </div>
                                </div> --}}
                                {{-- <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                       ملف التقرير انجليزي
                                    </label>
                                    <div class="col-md-8">
                                        <input class="form-control" type="file" class="file" name="report_file_en" />
                                        <br>
                                        @if(isset($setting['report_file_en']))
                                        <a href="{{getImage(getSettingValue('report_file_en'))}}" target="_blank" rel="noopener noreferrer">تحميل</a>
                                        @endif
                                    </div>
                                </div> --}}

                            </div>
                            <div class="tab-pane" id="dev" aria-labelledby="dev-tab" role="tabpanel">
                                
                                
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        Header Code
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea('setting[header_code]', (isset($setting['header_code']))? $setting['header_code'] :
                                        null, ['class'=>'form-control']) !!}
                                    </div>
                                </div>
                                <div class="form-group margin-top-15 row">
                                    <label class="control-label col-md-2">
                                        Footer Code
                                    </label>
                                    <div class="col-md-8">
                                        {!! Form::textarea('setting[footer_code]', (isset($setting['footer_code']))? $setting['footer_code'] :
                                        null, ['class'=>'form-control']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="about" aria-labelledby="about-tab" role="tabpanel">
                            </div>
                        </div>

                        <div class="panel-footer">
                            <div class="clearfix">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-success">
                                        <i class="fa fa-check"></i>

                                        {{__('translation.save')}}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>
@endsection

@section('script')

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&libraries=places&key=AIzaSyDJ4bLvLsQ35BAibm-rrEd8QUs1uxB2NAc&language=ar"></script>
    <script type="text/javascript">
        var map;
        var marker;
        var autocomplete;
        var geocoder = new google.maps.Geocoder();

        function geocodePosition(pos) {
            geocoder.geocode({
                latLng: pos
            }, function(responses) {
                if (responses && responses.length > 0) {
                    updateMarkerAddress(responses[0].formatted_address);
                } else {
                    updateMarkerAddress('Cannot determine address at this location.');
                }
            });
        }

        function updateMarkerStatus(str) {
            document.getElementById('markerStatus').innerHTML = str;
        }

        function updateMarkerPosition(latLng) {
            document.getElementById('info').innerHTML = [
                latLng.lat(),
                latLng.lng()
            ].join(', ');
            document.getElementById('lat').value = latLng.lat();
            document.getElementById('lng').value = latLng.lng();
        }

        function updateMarkerAddress(str) {
            document.getElementById('autocomplete').value = str;
        }

        function initialize() {
            var latLng = new google.maps.LatLng(parseFloat('{{getSettingValue("latitude") ?? "24.5166623"}}'), parseFloat('{{getSettingValue("longitude") ?? "46.77485"}}'));
            map = new google.maps.Map(document.getElementById('mapCanvas'), {
                zoom: 8,
                center: latLng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            });
            marker = new google.maps.Marker({
                position: latLng,
                title: 'Point A',
                map: map,
                draggable: true
            });

            // Update current position info.
            updateMarkerPosition(latLng);
            geocodePosition(latLng);

            // Add dragging event listeners.
            google.maps.event.addListener(marker, 'dragstart', function() {
                updateMarkerAddress('Dragging...');
            });

            google.maps.event.addListener(marker, 'drag', function() {
                updateMarkerStatus('Dragging...');
                updateMarkerPosition(marker.getPosition());
            });

            google.maps.event.addListener(marker, 'dragend', function() {
                updateMarkerStatus('Drag ended');
                geocodePosition(marker.getPosition());
            });

            // Initialize autocomplete.
            var inputField = document.getElementById('autocomplete');
            autocomplete = new google.maps.places.Autocomplete(inputField);
            google.maps.event.addListener(
                autocomplete, 'place_changed',
                function() {
                    var place = autocomplete.getPlace();
                    if (place.geometry) {
                        var location = place.geometry.location;
                        map.panTo(location);
                        map.setZoom(12);
                        marker.setMap(map);
                        marker.setPosition(location);
                        updateMarkerPosition(marker.getPosition());
                    }
                });

            google.maps.event.addListener(map, 'idle', function() {
                autocomplete.setBounds(map.getBounds());
            });
        }
        // Updates autocomplete object.
        function updateOptions() {
            // Set types, if any.
            var desired_types = [];
            var types = document.controls.type;
            for (var i = 1; i < types.length; i++) {
                if (types[i].checked) {
                    desired_types = [types[i].value];
                    break;
                }
            }
            autocomplete.setTypes(desired_types);

            // Set country, if any.
            var country = document.controls.country.value;
            if (country) {
                autocomplete.setComponentRestrictions({
                    'country': country
                });
            } else {
                autocomplete.setComponentRestrictions({});
            }
        }

        // Onload handler to fire off the app.
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
@endsection