@extends( 'layout.main' )

@section( 'autocomplete' )
    <script>
        function initAutocomplete() {

        }
    </script>
@endsection

@section( 'content' )

    <!-- Spacer -->
    <div class="margin-top-90"></div>
    <!-- Spacer / End-->

    <div id="app">
        <job-listings location-address="{{ $preferences && isset( $preferences->location ) && isset( $preferences->location->address ) ? $preferences->location->address : request()->input( 'address', '' ) }}"
                      location-lat="{{ $preferences && isset( $preferences->location ) && isset( $preferences->location->lat ) ? $preferences->location->lat : request()->input( 'location.lat', '' ) }}"
                      location-lng="{{ $preferences && isset( $preferences->location ) && isset( $preferences->location->lng ) ? $preferences->location->lng : request()->input( 'location.lng', '' ) }}"
                      location-radius="{{ $preferences && isset( $preferences->location )  && isset( $preferences->location->radius ) ? $preferences->location->radius : request()->input( 'location.radius', 25 ) }}"
                      hourly-rate="{{ $preferences && isset( $preferences->hourly_rate ) ? $preferences->hourly_rate : 10 }}"
                      daily-rate="{{ $preferences && isset( $preferences->daily_rate ) ? $preferences->daily_rate : 10 }}"></job-listings>
    </div>
    <style>#footer {
            margin-top: 130px;
        }</style>
@endsection