@extends('layouts.user_app')
@section('content')
@if (session()->has('message'))
<div class="alert alert-success">{{ session()->get('message') }}</div>
@endif
@if (session()->has('error'))
<div class="alert alert-danger">{{ session()->get('error') }}</div>
@endif

<!-- $residence_choose = Session::has('residence_choose')? Session::get('residence_choose'):'no';  -->
@php 
$residence_choose = '';
$settings =Session::has('settings')?Session::get('settings')[0]:[];
$delivery_date = date("F j, Y", strtotime(data_get($settings,'delivery_date')));
@endphp
<form action="{{ route('QAForm2Save')}}" method="POST">
    @csrf
    <div class="form-grp row">
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>4. {{ __('form.question4') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <h5>({{ __('form.question4_desc') }})</h5>
                    <input type="text" class="form-control" name="address" id="address" placeholder="{{ __('form.question4_placeholder') }}" value="{{old('address')}}" autocomplete="off">
                    <input type="hidden" class="form-control" name="address_validate" id="address_validate" placeholder="Enter address" value="false">
                    @error('address_validate')
                    <div class="error" id="addserver" style="color:red;">{{ $message }}</div>
                    @enderror
                    @error('address')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                    <button type="button" class="btn btn-primary mt-2" style="display: none;" id="clearAddress">Clear Address</button> 
                    <span id="ziperror" style="color:red"></span>
                </div>
                {{-- <div class="left-space">
                    <label for="">Zip code</label>
                    <input type="text" class="form-control" name="postal_code" id="postal_code">
                    <span id="ziperror" style="color:red"></span>
                </div> --}}
            </div>
        </div>

        <div class="col-12 col-md-12">
            <div class="form-group" id="addrsArea">
                <label>Street Long</label>
                <input type="text" id="addrs" name="addrs" class="form-control">
            </div>
        </div>

        <div class="col-12 col-md-12">
            <div class="form-group" id="addrsArea2">
                <label>Street short</label>
                <input type="text" id="addrs2" name="addrs2" class="form-control">
            </div>
        </div>

        <div class="col-12 col-md-12">
            <div class="form-group" id="latitudeArea">
                <label>Latitude</label>
                <input type="text" id="latitude" name="latitude" class="form-control">
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group" id="longtitudeArea">
                <label>Longitude</label>
                <input type="text" name="longitude" id="longitude" class="form-control">
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group" id="cityArea">
                <label>city</label>
                <input type="text" id="city" name="city" class="form-control">
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group" id="stateArea">
                <label>state</label>
                <input type="text" id="state" name="state" class="form-control">
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group" id="zipArea">
                <label>zip</label>
                <input type="text" id="zip" name="zip" class="form-control">
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>5. {{ __('form.question5') }}<span class="important">*</span></h3>

                <div class="left-space">
                    <ul class="check-lists">
                        <li>
                        <input type="radio" class="custom-radio-s1" id="residence_yes" name="residence" value="yes" {{ old('residence')=="yes" ? 'checked="checked"' : '' }}>
                            <label for="residence_yes">{{ __('form.yes') }}</label>
                        </li>
                        <li>
                            <div class="clearfix w-100 d-none" id="unit_sec">
                                <div class="row">
                                    <div class="col-12 col-md-12">
                                        <div class="row fix-row fix-row gap-8px">
                                            <div class="col-6 col-md-6 fix-col">
                                                <div class="form-group mb-0">
                                                    <input type="text" class="form-control " name="unit_no" placeholder="{{ __('form.q5_placeholder1') }}" value="{{old('unit_no')}}" autocomplete="off">
                                                    @error('unit_no')
                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-6 col-md-6 fix-col">
                                                <div class="form-group mb-0">
                                                    <input type="text" class="form-control " name="gate_code" placeholder="{{ __('form.q5_placeholder2') }}" value="{{old('gate_code')}}" autocomplete="off">
                                                    @error('gate_code')
                                                    <div class="error" style="color:red;">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>

                            <input type="radio" class="custom-radio-s1" id="residence_no" name="residence" value="no" {{ old('residence')=="no" ? 'checked="checked"' : '' }}>
                            <label for="residence_no">No</label>
                        </li>
                    </ul>
                    @error('residence')
                        <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
            </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>6. {{ __('form.question6') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <h5>({{ __('form.question6_desc') }})</h5>
                    <div class="row fix-row fix-row">
                        <div class="col-12 col-md-6 fix-col">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control" placeholder="{{ __('form.q6_placeholder1') }}" name="first_name" value="{{old('first_name')}}" autocomplete="off">
                                @error('first_name')
                                <div class="error" style="color:red;">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-md-6 fix-col">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control" placeholder="{{ __('form.q6_placeholder2') }}" name="last_name" value="{{old('last_name')}}" autocomplete="off">
                                @error('last_name')
                                <div class="error" style="color:red;">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="form-group">
                <h3>7. {{ __('form.question7') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <input type="text" class="form-control" placeholder="{{ __('form.q7_placeholder1') }}" id="contact_no" name="contact_no" value="{{old('contact_no')}}" maxlength="12" autocomplete="off">
                    @error('contact_no')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="form-group">
                <h3>8. {{ __('form.question8') }}<span class="important">*</span></h3>
                <div class="left-space remove-space-for-desktop">
                    <input type="email" class="form-control" placeholder="" name="email" value="{{old('email')}}" id="email_id" autocomplete="off">
                    <div class="email_err" style="color:red;"></div>
                    @error('email')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>9. {{ __('form.question9') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <h5>({{ __('form.question9_desc') }})</h5>
                    </h5>
                    <div class="selcet-with-left-value-sm">
                        <select type="text" class="form-control" name="household_no">
                            <option value="" selected> </option>
                            @for($i=1;$i<=9;$i++) <option value="{{$i}}" {{ old('household_no') == $i ? 'selected' : '' }}>{{$i}}</option>
                            @endfor
                            <option value="10+" {{ old('household_no') == '10+' ? 'selected' : '' }}>10+</option>
                        </select>
                    </div>
                    @error('household_no')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>

        <div class="col-12 col-md-12">
            <div class="form-group">
                @php $max_age = Session::get('max_age'); @endphp
                <h3>10.	{{ __('form.question10.1') }} {{ $max_age}} {{ __('form.question10.2') }} {{$delivery_date}}?<span class="important">*</span></h3>
                <div class="left-space">
                    <div class="selcet-with-left-value-sm">
                        <select type="text" class="form-control" name="christmas_household" id="child_household">
                            <option value="" selected> </option>
                            @for($i=1;$i<=10;$i++) <option value="{{$i}}" {{ old('christmas_household') == $i ? 'selected' : '' }}>{{$i}}</option>
                            @endfor

                        </select>
                    </div>
                    @error('christmas_household')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>11. {{ __('form.question11') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <div class="row">
                        <div class="col-12 col-md-12">
                            <ul class="check-lists2 inline-2">
                                <li>
                                    <input type="radio" class="custom-radio-s2" id="t1" name="relwithchildern" value="yes" {{ old('relwithchildern')=="yes" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                                    <label for="t1">{{ __('form.yes') }}</label>
                                </li>
                                <li>
                                    <input type="radio" class="custom-radio-s2 t6-cls" id="t6" name="relwithchildern" value="no" {{ old('relwithchildern')=="no" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                                    <label for="t6">No</label>

                                </li>
                            </ul>
                            <div class="col-12 col-md-6 fix-col other-dv" style="display:none">
                                <div class="form-group mb-4">
                                    <input type="text" class="form-control" placeholder="{{ __('form.question11_placeholder') }}" name="other_relationship" value="{{old('other_relationship')}}">
                                    @error('other_relationship')
                                    <div class="error" style="color:red;">{{ $message }}</div>
                                    @enderror
                                    {{-- <div class="error_client" style="color:red;"></div> --}}
                                </div>
                            </div>

                            @error('relwithchildern')
                            <div class="error" style="color:red;">{{ $message }}</div>
                            @enderror



                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">
                <h3>12. {{ __('form.question12') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <div class="row">
                        <div class="col-12 col-md-10" id="childdv">

                            @php
                                $no_of_child = (Session::has('child_no'))?Session::get('child_no'):1; Session::forget('child_no') ;

                                if(old('christmas_household')) {
                                    $no_of_child = old('christmas_household', '1');
                                }
                            @endphp
                            @for($i=1;$i<=$no_of_child;$i++) <h4>{{ __('form.child') }} {{$i}}</h3>
                                <div class="row fix-row fix-row">
                                    <div class="col-12 col-md-6 fix-col">
                                        <div class="form-group mb-4">
                                            <input type="text" class="form-control" placeholder="{{ __('form.q6_placeholder1') }}" name="child_info[{{$i}}][first_name]"
                                            value="{{ old('child_info.' . $i . '.first_name', "") }}" autocomplete="off">
                                            @error('child_info.' . $i . '.first_name')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror

                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 fix-col">
                                        <div class="form-group mb-4">
                                            <input type="text" class="form-control" placeholder="{{ __('form.q6_placeholder2') }}" name="child_info[{{$i}}][last_name]" value="{{ old('child_info.' . $i . '.last_name', "") }}" autocomplete="off">
                                            @error('child_info.' . $i . '.last_name')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 fix-col">
                                        <div class="form-group mb-4">
                                            <select class="form-control" name="child_info[{{$i}}][toy_type]">
                                                <option value="">{{ __('form.toy_preference') }}</option>
                                                <option value="boy_toys" {{ (old('child_info.' . $i . '.toy_type') == 'boy_toys') ? 'selected' : '' }}>{{ __('form.boy_toy') }}</option>
                                                <option value="girl_toys" {{ (old('child_info.' . $i . '.toy_type') == 'girl_toys') ? 'selected' : '' }}>{{ __('form.girl_toy') }}</option>
                                            </select>
                                            @error('child_info.' . $i . '.toy_type')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12 col-md-6 fix-col">
                                        <div class="form-group mb-4">
                                            <!-- <input type="text" class="form-control m-input datepicker" data-provide="datepicker" data-date-format='mm-dd-yyyy'  data-date-end-date="-1d" data-date-autoclose="true" data-date-today-highlight="true" placeholder="{{ __('form.dob') }}" name="child_info[{{$i}}][dob]" value="{{ old('child_info.' . $i . '.dob', "") }}"> -->
                                            <select class="form-control" name="child_info[{{$i}}][age_group]">
                                                <option value="">{{ __('form.age_group') }}</option>
                                                <option value="1" {{ (old('child_info.' . $i . '.age_group') == '1') ? 'selected' : '' }}>{{ __('form.less1') }}</option>
                                                <option value="2" {{ (old('child_info.' . $i . '.age_group') == '2') ? 'selected' : '' }}>1 - 2</option>
                                                <option value="3" {{ (old('child_info.' . $i . '.age_group') == '3') ? 'selected' : '' }}>3 - 4</option>
                                                <option value="4" {{ (old('child_info.' . $i . '.age_group') == '4') ? 'selected' : '' }}>5 - 7</option>
                                                <option value="5" {{ (old('child_info.' . $i . '.age_group') == '5') ? 'selected' : '' }}>8 - 10</option>
                                                <option value="6" {{ (old('child_info.' . $i . '.age_group') == '6') ? 'selected' : '' }}>11 - 14</option>
                                            </select>
                                            @error('child_info.' . $i . '.age_group')
                                                <div class="error" style="color:red;">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                @endfor
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-group">

                <h3>13. {{ __('form.question13') }}<span class="important">*</span></h3>
                <div class="left-space">
                    <h5>({{ __('form.question13_desc') }})</h5>
                    <ul class="check-lists2 size3">
                        @php
                         $finaldate = (Session::has('finaldate'))?Session::get('finaldate')[0]:[] ;
                         @endphp
                         @if(!empty($finaldate))
                        <li>
                            <!-- <input type="radio" class="custom-radio-s2 pickup_d" id="tat1" name="theaddress" value='yes' {{ old('theaddress')=="yes" ? 'checked=' .'"'.'checked'.'"' : '' }} checked> -->
                            <input type="radio" class="custom-radio-s2 pickup_d" id="tat1" name="theaddress" value='yes' {{ old('theaddress')=="yes" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                            <label for="tat1"> {{ __('form.pickup_date') }}</label>
                        </li>
                        @foreach($finaldate as $key => $value)
                            <li class="shw_pickup ml-4">
                                {{-- @php
                                    dd($value);
                                    $forMatterDate = explode(",",$value);
                                    $pickdate = $forMatterDate[0];
                                    $finaldate = $pickdate." between ".$forMatterDate[1];
                                    $picklimit = explode(',limit:',$value);
                                @endphp --}}
                                <input type="radio" class="custom-radio-s2" id="tat1" name="pickup_custom_date" value="{{$value}}" {{ old('pickup_custom_date')== $value ? 'checked=' .'"'.'checked'.'"' : '' }} >
                                <label for="tat1"> {{ $value}}</label>
                            </li>
                        @endforeach
                        @endif
                        @error('pickup_custom_date')
                        <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                        <li>
                            @php
                            $delivery_time = data_get($settings,'delivery_time'); $date_time = $delivery_date." ".$delivery_time; @endphp
                            <input type="radio" class="custom-radio-s2 delivery_d" id="tat2" name="theaddress" value='no' {{ old('theaddress')=="no" ? 'checked=' .'"'.'checked'.'"' : '' }}>
                            <label for="tat2">{{ __('form.delivery_home') }} {{ $delivery_date }} {{__('form.between')}} {{$delivery_time}}</label>
                        </li>
                        <input type ="hidden" name="delivery_date" value="{{data_get($settings,'delivery_date')}}" >
                        <input type="hidden" name="delivery_time" value="{{$delivery_time}}">
                    </ul>
                    @error('theaddress')
                    <div class="error" style="color:red;">{{ $message }}</div>
                    @enderror
                </div>
            </div>
        </div>
        <div class="col-12 col-md-12">
            <div class="form-action-group">
                <button class="theme-btn submit-btn" type="submit" onclick="return submitFunction()">{{ __('form.submit') }}</button>
            </div>
        </div>
    </div>
</form>

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyAvzZMHoOxBNefqUmzqJkKv1hlcY49huLM&libraries=places"></script>

<script>
    var csrftoken = {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    $(document).ready(function () {
        $("#latitudeArea").addClass("d-none");
        $("#longtitudeArea").addClass("d-none");
        $("#cityArea").addClass("d-none");
        $("#stateArea").addClass("d-none");
        $("#zipArea").addClass("d-none");
        $("#addrsArea").addClass("d-none"); 
        $("#addrsArea2").addClass("d-none");   

        if ($('#address').val() !== '') {
            $('#address').attr('readonly', true);

            $('#clearAddress').show();
        }
        $('#clearAddress').click(function() {
            $('#address').val(''); // Clear the address input
            $('#address').attr('readonly', false);
            $('#clearAddress').hide(); // Hide the clear button
            $('#address_validate').val('false'); // Reset validation status
            $('#ziperror').html(''); // Clear validation error
        });
    });
</script>
<script>
google.maps.event.addDomListener(window, 'load', initAutocomplete);

let autocomplete;
let address1Field;
let postalField;

function initAutocomplete() {
    address1Field = document.querySelector("#address");
    postalField = document.querySelector("#zip");

    // Create the autocomplete object, restricting the search predictions to
    // addresses in the US and Canada.
    autocomplete = new google.maps.places.Autocomplete(address1Field, {
        // componentRestrictions: { country: ["usa","ind"] },
        componentRestrictions: { country: "us" },
        fields: ["address_components", "geometry"],
        types: ["address"],
    });


    //address1Field.focus();
    // When the user selects an address from the drop-down, populate the
    // address fields in the form.
    autocomplete.addListener("place_changed", fillInAddress);
}

function fillInAddress() {
    // Get the place details from the autocomplete object.
    const place = autocomplete.getPlace();
    console.log(place);
    $('#latitude').val(place.geometry['location'].lat());
    $('#longitude').val(place.geometry['location'].lng());

    $('#address').attr('readonly', true);

    // Show the clear button
    $('#clearAddress').show();


    //$("#latitudeArea").removeClass("d-none");
    //$("#longtitudeArea").removeClass("d-none");

    let address1 = "";
    let postcode = "";

      // Get each component of the address from the place details,
      // and then fill-in the corresponding field on the form.
      // place.address_components are google.maps.GeocoderAddressComponent objects
      // which are documented at http://goo.gle/3l5i5Mr
    for (const component of place.address_components) {
        const componentType = component.types[0];
        console.log('component: ', component);
        switch (componentType) {
            case "street_number": {
            address1 = `${component.long_name} ${address1}`;
            break;
        }

        case "route": {
            address1 += component.short_name;
            document.querySelector("#addrs").value = component.long_name;
            document.querySelector("#addrs2").value = component.short_name;
            break;
        }

        case "postal_code": {
            postcode = component.long_name;
            break;
        }

        //   case "postal_code_suffix": {
        //     postcode = component.long_name;
        //     break;
        //   }

        case "locality":
            document.querySelector("#city").value = component.long_name;
        break;

        case "administrative_area_level_1": {
            document.querySelector("#state").value = component.short_name;
            break;
        }
        // case "country":
        //   document.querySelector("#country").value = component.long_name;
        //   break;
    }
    
  }
  postalField.value = postcode;
  address1Field.focus();

  $('#address_validate').val('false');

//   validateZip();
}


</script>
<script>
    $(document).ready(function() {

        $('#contact_no').keydown(function (e) {
            var key = e.which || e.charCode || e.keyCode || 0;
            $phone = $(this);
            // Auto-format- do not expose the mask as the user begins to type
            console.log(key);
            if (key !== 8 && key !== 9) {
                if ($phone.val().length === 3) {
                    $phone.val($phone.val() + '-');
                }
                if ($phone.val().length === 7) {
                    $phone.val($phone.val() + '-');
                }
            }
            // Allow numeric (and tab, backspace, delete) keys only
            return (key == 8 ||
                    key == 9 ||
                    key == 46 ||
                    (key >= 48 && key <= 57) ||
                    (key >= 96 && key <= 105));
        })

        $("#email_id").blur(function() {
            if ($('#email_id').val() != "") {
                var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z]+(?:\.[a-zA-Z]+)+.[a-zA-Z]*$/;
                if ($('#email_id').val().match(validRegex)) {
                    $('.submit-btn').prop('disabled', false);
                    $('.email_err').html('');
                    //$(".submit-btn").css("background-color", "#001B69");
                    return true;

                } else {
                    $('.email_err').html('Please enter a valid email address');
                    $('.serverEmailerror').html('');
                    $('.submit-btn').prop('disabled', true);
                    // $(".submit-btn").css("background-color", "gray");
                    return false;
                }
            }
        });
        var selectedval = '';
        // if (selectedval == 'yes') {
        if ("{{ old('residence') }}" === "yes") {
            $("#unit_sec").removeClass('d-none');
        } else {
            $("#unit_sec").addClass('d-none');
        }

        $("#residence_yes").click(function() {
            $("#unit_sec").removeClass('d-none');
            $("#unit_sec").show();

        });
        $("#residence_no").click(function() {
            $("#unit_sec").addClass('d-none');
            $("#unit_sec").hide();
        });
        $("#child_household").change(function() {
            var child_info = $("#child_household").val();
            $.ajax({
                url: "{!! route('childHouseHoldInfo') !!}",
                type: 'POST',
                data: {
                    "_token": "{{ csrf_token() }}",
                    child_info: child_info
                },
                success: function(result) {
                    console.log(result);
                    $("#childdv").load(" #childdv");
                }
            });
        });

        if ($('#t6').prop('checked')) {
            $(".other-dv").show();
            }
        $("#t6").click(function() {
            $(".other-dv").show();
            // $(".error_client").html('This field is required');
        });
        $("#t1,#t2,#t3,#t4,#t5").click(function() {
            $(".other-dv").hide();
            // $(".error_client").html('');
        });

        $(".shw_pickup").addClass('d-none');

        if ($('.pickup_d').prop('checked')) {
            $(".shw_pickup").removeClass('d-none');
        }
        $(".pickup_d").click(function(){
           $(".shw_pickup").removeClass('d-none');
        })
        $(".delivery_d").click(function(){
           $(".shw_pickup").addClass('d-none');
        })
    });
</script>

<script>
    $(document).ready(function () {
        $('#postal_code').keyup(function(){
            var postal_code = $('#postal_code').val();
            $('#address_validate').val('false');
            // validateZip();
        });
    });

    //check zip code
    function validateZip(){
        var zipcode = $('#zip').val();
        var state = $('#state').val();
        var addrs = $('#addrs').val();
        var city = $('#city').val();

        /*if(state != 'TX'){
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            $('#address_validate').val('true');
            $("#addserver").html("");
            zip_err  = true;
            return false;
        }*/

        if(city != 'Austin'){
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            $('#address_validate').val('true');
            $("#addserver").html("");
            zip_err  = true;
            return false;
        }else{
            $('#ziperror').html("");
            $("#address").addClass("border border-danger");
            $('#address_validate').val('false');
            $("#addserver").html("");
            zip_err  = false;
            return true;      
        }

        if(zipcode == ''){
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            $('#address_validate').val('true');
            $("#addserver").html("");
            zip_err  = true;
            return false;
        }else{
            $('#ziperror').html("");
            $("#address").addClass("border border-danger");
            $('#address_validate').val('false');
            $("#addserver").html("");
            zip_err  = false;
            return true;      
        }

        /*if(addrs != ''){               
            $.ajax({
                url:"{{ route('get-street-name') }}" ,
                method:"GET",
                data:{addrs:addrs},
                headers: csrftoken,
                success:function(data){
                    console.log(data);
                    if(data.cnt <= 0){
                        $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
                        $("#address").addClass("border border-danger");
                        $('#address_validate').val('true');
                        $("#addserver").html("");
                        zip_err  = true;
                        return false;   
                    }else{
                        $('#ziperror').html("");
                        $("#address").addClass("border border-danger");
                        $('#address_validate').val('true');
                        $("#addserver").html("");
                        zip_err  = false;
                        return true;    
                    }
                }
            });            
        }*/


        /*if(zipcode==75217){
            $('#address_validate').val('true');
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            $("#addserver").html("");
            zip_err  = true;
            return false;
        }
        else if(zipcode==78626){
            $('#address_validate').val('true');
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            $("#addserver").html("");
            $('.submit-btn').prop('disabled', true);
            zip_err  = true;
            return false;
        }
        else{
            $('.submit-btn').prop('disabled', false);
        }

        if(zipcode) {
            return  $.ajax({
                url: "https://api.zippopotam.us/us/" + zipcode,
                cache: false,
                dataType: "json",
                type: "GET",
                success: function(result, success) {
                    places = result['places'][0];

                    city  = places['place name'];
                    state = places['state abbreviation'];

                    $('#address_validate').val('false');
                    $('#ziperror').html("");
                    $("#address").removeClass("border border-danger");

                },
                error: function(result, success) {


                    $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
                    $("#address").addClass("border border-danger");

                    $('#address_validate').val('true');

                    zip_err  = true;
                    return false;
                }
            });
        } else {

            $("#addserver").html("");
            $('#address_validate').val('true');
            $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
            $("#address").addClass("border border-danger");
            zip_err  = true;
            return false;
        }*/
    }


    // function submitFunction() {       
    //     var addrs = $('#addrs').val()
    //     if (addrs == "") {
    //         $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('true');
    //         $("#addserver").html("");
    //         zip_err  = true;
    //         $('html, body').animate({ scrollTop: 0 }, 'fast');
    //         return false;            
    //     }else{
    //         $('#ziperror').html("");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('false');
    //         $("#addserver").html("");
    //         zip_err  = false;
    //         return true;    
    //     } 

    //     var city = $('#city').val()
    //     if (city == "") {
    //         $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('true');
    //         $("#addserver").html("");
    //         zip_err  = true;
    //         $('html, body').animate({ scrollTop: 0 }, 'fast');
    //         return false;            
    //     }else{
    //         $('#ziperror').html("");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('false');
    //         $("#addserver").html("");
    //         zip_err  = false;
    //         return true;    
    //     } 

    //     var zipcode = $('#zipcode').val()
    //     if (zipcode == "") {
    //         $('#ziperror').html("The address must be located in the Austin Police Department’s service area.");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('true');
    //         $("#addserver").html("");
    //         zip_err  = true;
    //         $('html, body').animate({ scrollTop: 0 }, 'fast');
    //         return false;            
    //     }else{
    //         $('#ziperror').html("");
    //         $("#address").addClass("border border-danger");
    //         $('#address_validate').val('false');
    //         $("#addserver").html("");
    //         zip_err  = false;
    //         return true;    
    //     }           
    // }
</script>