{{--general Info --}}
<fieldset class="content-group">
    <legend class="text-bold">@lang('home.create_ad')</legend>
    <!-- categories input -->
    <div class="form-group" id="main_category">
    <label class="control-label col-lg-3">@lang('home.main_categories') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9"> 
        <select name="category_id" id="parent_id" class="form-control" >
            <option value="">@lang('home.select_one')</option>
            @foreach($categories as $category)
            <option 
            value="{{@$category->id}}"
             @if(isset($ad))
              @if(isset($ad->category))
                 @if($ad->category != null)
    
                        @if(@$category->id == $ad->category->parent_id)
                          selected
                        @elseif(@$category->id == $ad->id)
                          selected
                       @endif
                   @endif
                   @endif
               @endif
               >
                {{@$category->category_translation->name}}
            </option>
            @endforeach
        </select>
        </div>
    </div>
    <div class="form-group" >
    <label class="control-label col-lg-3">@lang('home.sub_categories') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9"> 
         <div class="alert alert-danger alert-dismissible" id="sub_categoris_unknown">
            <a href="#" class="close" data-dismiss="alert" aria-label="close" style="right: 5px;">&times;</a>@lang('home.empty_sub_categories')
        </div>
        <select name="sub_categoris" id="sub_categoris" class="form-control" >
            <option value="">@lang('home.select_one')</option>
            @if(isset($ad))
            @include('dashboard.ads.select_sub_categories_loop_for_update')
            @endif
        </select>
        </div>
    </div>
    <div class="form-group" >
    <label class="control-label col-lg-3">@lang('home.add_type') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9"> 
        <select name="add_type" class="form-control" >
            <option value="own" 
                @if(Request::old('add_type') == "own") 
                selected 
                @elseif($ad != null)
                    @if(@$ad->type_ad == 'own')
                        selected 
                    @endif
                @endif
            >@lang('home.own') </option>
            <option value="rent" 
                @if(Request::old('add_type') == "rent")
                selected 
                @elseif($ad != null)
                    @if($ad->type_ad == 'rent')
                        selected 
                    @endif
                @endif
            >
                @lang('home.rent')
            </option> 
            <option value="purchase" 
                @if(Request::old('add_type') == "purchase")
                selected  
                @elseif($ad != null)
                    @if($ad->type_ad == 'purchase')
                        selected 
                    @endif
                @endif
            >
                    @lang('home.purchase') 
            </option>
            <option value="other" 
                @if(Request::old('add_type') == "other")
                    selected 
                @elseif($ad != null)
                    @if($info->type_ad == 'other')
                        selected 
                    @endif
                @endif
            >
                @lang('home.other') 
            </option>
           
        </select>
        </div>
    </div>
    

    @if($site_langs->count() > 0)
    @foreach($site_langs as $key => $lang)
    <!-- categories input -->
    <input type="hidden" name="lang[]" value="{{ @$lang->id }}">
    <!-- title ar input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.title_'.@$lang->info->local) <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9">
            <input  type="text"
                    name="title[]" 
                    class="form-control" 
                    placeholder="@lang('home.title_'.@$lang->info->local)" 
                    @if(isset(Request::old('title')[$key]))
                        value="{{Request::old('title')[$key]}}"
                    @elseif($ad != null)
                        value="{{@$ad->translations->where('lang_id',@$lang->id)->first()->title }} " 
                    @endif >
                    
        </div>
    </div>
    <!-- /title ar input -->
    <!-- title ar input -->
    <!--<div class="form-group">-->
    <!--    <label class="control-label col-lg-3">@lang('home.location_'.@$lang->info->local) <span class="text-danger" title="@lang('home.required')">*</span></label>-->
    <!--    <div class="col-lg-9">-->
    <!--        <input type="text" -->
    <!--               name="address[]" -->
    <!--               class="form-control" -->
    <!--               placeholder="@lang('home.location_'.@$lang->info->local)" -->
    <!--                @if(isset(Request::old('address')[$key]))-->
    <!--                 value="{{Request::old('address')[$key]}}"-->
    <!--                @elseif($ad != null)-->
    <!--                    value="{{ @$ad->translations->where('lang_id',@$lang->id)->first()->address }}"-->
    <!--                @endif>-->
    <!--    </div>-->
    <!--</div>-->
    <!-- /title ar input -->
      {{-- content ar --}}
     <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.content_'.@$lang->info->local) <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9">
            <textarea name="content[]"
                       class="form-control" 
                       rows="4" 
                       cols="4"  
                       placeholder="@lang('home.content_'.@$lang->info->local)">@if(isset(Request::old('content')[$key])){{Request::old('content')[$key]}}@elseif($ad != null){{ @$ad->translations->where('lang_id',$lang->id)->first()->content }}@endif</textarea>
        </div>
    </div>

   
    {{-- content ar --}}
    @endforeach
    @endif
    <!-- space input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.space')</label>
        <div class="col-lg-9">
            <input type="text" 
            name="space" 
            class="form-control " 
            placeholder="@lang('home.space')" 
            value="@if(Request::old('space')!== null)
            {{ Request::old('space') }}
            @else{{ @$ad->space }}@endif" >
        </div>
    </div>
    <!-- /space input -->
    <!-- bed_room input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.bed_room')</label>
        <div class="col-lg-9">
            <input type="text" 
            name="bed_room" 
            class="form-control" 
            placeholder="@lang('home.bed_room')" 
            
            value="@if(Request::old('bed_room')!== null)
            {{ Request::old('bed_room') }}
            @else{{ @$ad->bed_room }}@endif"  >
        </div>
    </div>
    <!-- /bed_room input -->
    <!-- bathroom input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.bathroom')</label>
        <div class="col-lg-9">
            <input type="text" 
            name="bathroom" 
            class="form-control" 
            placeholder="@lang('home.bathroom')" 
            value="@if(Request::old('bathroom')!== null)
            {{ Request::old('bathroom') }}
            @else{{ @$ad->bathroom }}@endif" 
             >
        </div>
    </div>
    <!-- /bathroom input -->
   <!-- parking input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.parking')</label>
        <div class="col-lg-9">
            <input type="text" 
            name="parking" 
            class="form-control" 
            placeholder="@lang('home.parking')" 
            value="@if(Request::old('parking')!== null)
            {{ Request::old('parking') }}
            @else{{ @$ad->parking }}@endif" >
        </div>
    </div>
    <!-- /parking input -->
    <!-- url input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.price') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9">
            <input type="text" 
            name="price" 
            class="form-control"  
            placeholder="@lang('home.price')" 
            value="@if(Request::old('price')!== null)
            {{ Request::old('price') }}
            @else{{ @$ad->price }}@endif">
        </div>
    </div>
    <!-- /url input -->

    <!-- location input -->
      <div class="form-group">
          <label class="col-md-3 control-label">@lang('home.location')</label>
          <div class="col-md-8">
       
            <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAK34ZyoH4758BkVP05-GxKP0dSmBi4yTo&libraries=places"></script>
            <script type="text/javascript">
                var x = document.getElementById("address1");
                function getLocation() {
                    if (navigator.geolocation) {
                        navigator.geolocation.getCurrentPosition(showPosition);
                    } else {
                        x.innerHTML = "Geolocation is not supported by this browser.";
                    }
                }
                function showPosition(position) {
                    document.getElementById('cityLat').value = position.coords.latitude;
                    document.getElementById('cityLng').value =  position.coords.longitude;
                    document.getElementById('cityLat1').value = position.coords.latitude;
                    document.getElementById('cityLng1').value =  position.coords.longitude;

                    document.getElementById('address1').value ='';
                }
                //start live search locaton and get lat & long
                function findAddress() {
                    var input = document.getElementById('address1');
                    var autocomplete = new google.maps.places.Autocomplete(input);
                    google.maps.event.addListener(autocomplete, 'place_changed', function () {

                        var place = autocomplete.getPlace();
                    console.log(place);
                        document.getElementById('cityLat').value = place.geometry.location.lat();
                        document.getElementById('cityLng').value = place.geometry.location.lng();
                        document.getElementById('cityLat1').value = place.geometry.location.lat();
                        document.getElementById('cityLng1').value = place.geometry.location.lng();
                    });
                }
                //end live search
            </script>
            <div class="col-md-12" style="margin: 10px">
              <input type="text" name="address" id="address1" class="form-control"  onkeyup="findAddress()"  value="{{@$ad->address}}" title="اختياري" />
            </div>
            <div class="col-md-12" style="margin: 10px">
              <div class="col-md-6">
                <input type="text" name="lat" id="cityLat1" placeholder="Lattitude" class="form-control" required="required" value="{{@$ad->lat}}" disabled />
                <input type="hidden" name="lat" id="cityLat" placeholder="Lattitude" class="form-control" required="required" value="{{@$ad->lat}}" />
              </div>
              <div class="col-md-6">
                <input type="text" name="long" id="cityLng1" placeholder="Longitude" class="form-control" required="required" value="{{@$ad->long}}" disabled  />
                <input type="hidden" name="long" id="cityLng" placeholder="Longitude" class="form-control" required="required" value="{{@$ad->long}}" />
              </div>
             {{--  <div class="col-md-3">
                <button type="button" class="btn btn-primary fa fa-map-marker" style="" onclick="getLocation()"> تحديد الموقع الحالي</button>
              </div> --}}
            </div>
          </div>
        </div>
    <!-- /location input -->

    <!-- url input -->
   {{--  <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.url_page') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9">
            <input type="text" name="url" class="form-control"  placeholder="@lang('home.url_page')" value="{{@$info->url}}">
        </div>
    </div> --}}
    
    <!-- /url input -->
    <!-- Meta Tags input -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.meta_tags') <span class="text-danger" title="@lang('home.required')">*</span></label>
        <div class="col-lg-9">
            <input type="text" name="meta_tags" class="form-control tokenfield" value="@lang('home.placeholder_metatags')" value="{{@$ad->meta_tags}}">
        </div>
    </div>
    <!-- /Meta Tags input -->

   
    {{-- Show page --}}
     <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.status')</label>
        <div class="col-lg-4">
            <div class="checkbox checkbox-switch">
                        <input type="radio" 
                        name="status" 
                        class="switch" 
                        value="show"
                        @if($ad != null)
                        @if($ad->status == "show")
                                    checked 
                        @endif
                        @else
                            checked 
                        @endif

                        >
                    <label>
                         @lang('home.show')
                    </label>
            </div>
        </div>
         <div class="col-lg-4">
            <div class="checkbox checkbox-switch">
                    <input type="radio"
                     name="status"
                     class="switch"
                     value="hide"  
                    @if($ad != null)
                    @if($ad->status == "hide")
                        checked 
                    @endif
                    @endif
                    >
                    <label>
                        @lang('home.hide')
                    </label>
            </div>
        </div>
    </div>
    {{--Show page --}}
     
    <!-- images uploader -->
    <div class="form-group">
        <label class="control-label col-lg-3">@lang('home.images') <span class="text-danger" title="@lang('home.required')"> *</span></label>
        <div class="col-lg-9">
            <input type="file" name="images[]" class="file-styled" multiple >
        </div>
    </div>
    <!-- /images uploader -->
 
</fieldset>
{{-- general Info--}}