@isset( $full )
    <!-- Footer
================================================== -->
    <div id="footer">

        <!-- Footer Top Section -->
        <div class="footer-top-section">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">

                        <!-- Footer Rows Container -->
                        <div class="footer-rows-container">

                            <!-- Left Side -->
                            <div class="footer-rows-left">
                                <div class="footer-row">
                                    <div class="footer-row-inner footer-logo">
                                        <img src="{{ asset( 'images/logo2.png' ) }}" alt="">
                                    </div>
                                </div>
                            </div>

                            <!-- Right Side -->
                            <div class="footer-rows-right">

                                <!-- Social Icons -->
                                <div class="footer-row">
                                    <div class="footer-row-inner">
                                        <ul class="footer-social-links">
                                            <li>
                                                <a href="#" title="Facebook" data-tippy-placement="bottom" data-tippy-theme="light">
                                                    <i class="icon-brand-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" title="Twitter" data-tippy-placement="bottom" data-tippy-theme="light">
                                                    <i class="icon-brand-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" title="Google Plus" data-tippy-placement="bottom" data-tippy-theme="light">
                                                    <i class="icon-brand-google-plus-g"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" title="LinkedIn" data-tippy-placement="bottom" data-tippy-theme="light">
                                                    <i class="icon-brand-linkedin-in"></i>
                                                </a>
                                            </li>
                                        </ul>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>

                                <!-- Language Switcher -->
                                <div class="footer-row">
                                    <div class="footer-row-inner">
                                        <select class="selectpicker language-switcher" data-selected-text-format="count" data-size="5">
                                            <option selected>English</option>
                                            <option>Français</option>
                                            <option>Español</option>
                                            <option>Deutsch</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!-- Footer Rows Container / End -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Top Section / End -->

        <!-- Footer Middle Section -->
        <div class="footer-middle-section">
            <div class="container">
                <div class="row">

                    <!-- Links -->
                    @foreach( [1,2,3,4] as $footer_key )
                        @php( $footer_column = \App\Helpers\show_sidebar( 'footer-column-' . $footer_key ) )

                        @if ( $footer_column )
                            <div class="col-xl-2 col-lg-2 col-md-3">
                                <div class="footer-links">
                                    @foreach ( $footer_column as $html )
                                        {!! $html !!}
                                    @endforeach
                                </div>
                            </div>
                    @endif
                @endforeach


                <!-- Newsletter -->
                    <div class="col-xl-4 col-lg-4 col-md-12">
                        <h3><i class="icon-feather-mail"></i> Sign Up For a Newsletter</h3>
                        <p>Weekly breaking news, analysis and cutting edge advices on job searching.</p>
                        <form action="#" method="get" class="newsletter">
                            <input type="text" name="fname" placeholder="Enter your email address">
                            <button type="submit"><i class="icon-feather-arrow-right"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Middle Section / End -->

        <!-- Footer Copyrights -->
        <div class="footer-bottom-section">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        © {{ date('Y') }} <strong>{{ env( 'APP_NAME' ) }}</strong>. All Rights Reserved.
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Copyrights / End -->

    </div>
    <!-- Footer / End -->
@endif

<!-- Scripts
================================================== -->
<script src="{{ asset('js/jquery-3.3.1.min.js') }}"></script>
<script src="{{ asset('js/jquery-migrate-3.0.0.min.js') }}"></script>
<script src="{{ asset('js/mmenu.min.js') }}"></script>
<script src="{{ asset('js/tippy.all.min.js') }}"></script>
<script src="{{ asset('js/simplebar.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-slider.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-tagsinput.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"></script>
<script src="{{ asset('js/snackbar.js') }}"></script>
<script src="{{ asset('js/clipboard.min.js') }}"></script>
{{--<script src="{{ asset('js/counterup.min.js') }}"></script>--}}
<script src="{{ asset('js/magnific-popup.min.js') }}"></script>
<script src="{{ asset('js/slick.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script>
    toastr.options = {
        'closeButton': false,
        'debug': false,
        'newestOnTop': false,
        'progressBar': true,
        'positionClass': 'toast-bottom-right',
        'preventDuplicates': false,
        'onclick': null,
        'showDuration': '300',
        'hideDuration': '1000',
        'timeOut': '5000',
        'extendedTimeOut': '1000',
        'showEasing': 'swing',
        'hideEasing': 'linear',
        'showMethod': 'fadeIn',
        'hideMethod': 'fadeOut',
        escapeHtml: false,
        allowHtml: true,
        'body-output-type': 'trustedHtml',
        'width': '600'
    };
</script>
<script src="{{ asset('js/custom.js') }}"></script>

<!-- Google Autocomplete -->
{{--@if( request()->routeIs( ['home'] ) )--}}
@hassection('autocomplete' )
    @yield( 'autocomplete' )
@else
    <script>

        function initAutocomplete() {
            var options = {
                types: [ 'address' ],
                componentRestrictions: { country: 'ca' }
            };

            var input = document.getElementById( 'autocomplete-input' );
            if ( input ) {
                var autocomplete = new google.maps.places.Autocomplete( input, options );

                if ( input.getAttribute( 'data-value' ) ) {
                    input.value = input.getAttribute( 'data-value' );
                }

                google.maps.event.addListener( autocomplete, 'place_changed', function () {
                    var place = autocomplete.getPlace();

                    if ( place ) {
                        var lat = place.geometry.location.lat();
                        var lng = place.geometry.location.lng();

                        if ( lat ) {
                            $( '#lat' ).val( lat );
                        } else {
                            lat = $( input ).data( 'lat' );

                            if ( lat ) {
                                $( '#lat' ).val( lat );
                            }
                        }

                        if ( lng ) {
                            $( '#lng' ).val( lng );
                        } else {
                            lng = $( input ).data( 'lng' );

                            if ( lng ) {
                                $( '#lng' ).val( lng );
                            }
                        }
                    }
                } );
            }
        }

        // Autocomplete adjustment for homepage
        if ( $( '.intro-banner-search-form' )[ 0 ] ) {
            setTimeout( function () {
                $( '.pac-container' ).prependTo( '.intro-search-field.with-autocomplete' );
            }, 300 );
        }

    </script>
@endif

<!-- Google API -->
{{--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyACthij0mF2Hhs6ETMGkQ5eMiB6wdCBtC8&libraries=places&callback=initAutocomplete"></script>--}}
<script src="{{ asset( 'js/app.js' ) }}"></script>

@if ($errors->any())
    <div id="validation-error" class="errors d-none">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if ( session()->get( 'status' ) )
    <div id="validation-status" class="d-none">
        <p>{!! session()->get( 'status' ) !!}</p>
    </div>
@endif

@stack( 'scripts' )

<!-- Snackbar // documentation: https://www.polonel.com/snackbar/ -->
<script>

    if ( $( '#validation-error' ).length > 0 ) {
        toastr.error( $( '#validation-error' ).html() );
    }

    if ( $( '#validation-status' ).length > 0 ) {
        toastr.success( $( '#validation-status' ).text() );
    }

    // Snackbar for user status switcher
    $( '#snackbar-user-status label' ).click( function () {
        Snackbar.show( {
            text: 'Your status has been changed!',
            pos: 'bottom-center',
            showAction: false,
            actionText: 'Dismiss',
            duration: 3000,
            textColor: '#fff',
            backgroundColor: '#383838'
        } );
    } );

    jQuery( document ).on( 'keyup', '[data-character-count]', function ( event ) {
        let characterCountLabel = jQuery( jQuery( this ).data( 'character-count' ) );
        let length = jQuery( this ).val().length;
        let max = parseInt( jQuery( this ).data( 'maximum-character-count' ) );

        if ( length > max ) {
            event.preventDefault();
        }

        if ( characterCountLabel && characterCountLabel.length > 0 ) {
            characterCountLabel.text( max - length );
        }
    } );

    if ( typeof (quill) !== 'undefined' ) {
        quill.on( 'text-change', function ( delta, oldDelta, source ) {
            if ( source == 'user' ) {
                let characterCountLabel = jQuery( '#description-character-count' );

                let length = quill.getText().replace( '\r\n', '' ).trim().length;
                let max = parseInt( 120 );

                if ( length > max ) {
                    characterCountLabel.text( 0 );
                    event.preventDefault();
                }

                if ( characterCountLabel && characterCountLabel.length > 0 ) {
                    characterCountLabel.text( ( max - length ) < 0 ? 0 : ( max - length ) );
                }
            }
        } );
    }
</script>

@guest
    <!-- Sign In Popup
================================================== -->
    <div id="sign-in-dialog" class="zoom-anim-dialog mfp-hide dialog-with-tabs">

        <!--Tabs -->
        <div class="sign-in-form">

            <ul class="popup-tabs-nav">
                <li><a href="#login">Log In</a></li>
                <li><a id="register-nav-btn" href="#register">Register</a></li>
            </ul>

            <div class="popup-tabs-container">

                <!-- Login -->
                <div class="popup-tab-content" id="login">

                    <!-- Welcome Text -->
                    <div class="welcome-text">
                        <h3>We're glad to see you again!</h3>
                        <span>Don't have an account? <a href="#" class="register-tab">Sign Up!</a></span>
                    </div>

                    <!-- Form -->
                    <form class="ajaxify" method="POST" id="login-form" action="{{ route('login') }}">
                        @csrf

                        <div class="input-with-icon-left">
                            <i class="icon-material-baseline-mail-outline"></i>
                            <input type="text" class="input-text with-border" name="email" id="email" placeholder="Email Address" required />

                            @if ($errors->has('email'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                            @endif
                        </div>

                        <div class="input-with-icon-left">
                            <i class="icon-material-outline-lock"></i>
                            <input type="password" class="input-text with-border{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" id="password" placeholder="Password" required />

                            @if ($errors->has('password'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                            @endif
                        </div>
                        @if (Route::has('password.request'))
                            <a href="#small-dialog-1" class="popup-with-zoom-anim forgot-password log-in-button" href="{{ route('password.request') }}">
                                {{ __('Forgot Your Password?') }}
                            </a>
                        @endif
                    </form>

                    <!-- Button -->
                    <button class="button full-width button-sliding-icon ripple-effect" type="submit" form="login-form">Log In
                        <i class="icon-material-outline-arrow-right-alt"></i></button>

                    <!-- Social Login -->
                    <div class="social-login-separator"><span>or</span></div>
                    <div class="social-login-buttons">
                        <button class="facebook-login ripple-effect">
                            <i class="icon-brand-facebook-f"></i> Log In via Facebook
                        </button>
                        <button class="google-login ripple-effect">
                            <i class="icon-brand-google-plus-g"></i> Log In via Google+
                        </button>
                    </div>

                </div>

                <!-- Register -->
                <div class="popup-tab-content" id="register">

                    <!-- Welcome Text -->
                    <div class="welcome-text">
                        <h3>Let's create your account!</h3>
                    </div>

                    <!-- Form -->

                    <form class="ajaxify" method="POST" id="register-account-form" action="{{ route('register') }}">
                    @csrf

                    <!-- Account Type -->
                        <div class="account-type">
                            <div>
                                <input type="radio" name="account-type" value="freelancer" id="freelancer-radio" class="account-type-radio" />
                                <label for="freelancer-radio" class="ripple-effect-dark"><i class="icon-material-outline-account-circle"></i> I'm a worker</label>
                            </div>

                            <div>
                                <input type="radio" name="account-type" value="employer" {!! request()->input( 'asEmployer' ) ? 'checked="checked"' : '' !!}  id="employer-radio" class="account-type-radio" />
                                <label for="employer-radio" class="ripple-effect-dark"><i class="icon-material-outline-business-center"></i> I'm an employer</label>
                            </div>
                        </div>

                        <div class="form-group row">

                            <div class="input col-6">
                                <input type="text" class="input-text with-border{{ $errors->has('first_name') ? ' is-invalid' : '' }}" id="first_name-register" placeholder="First Name" name="first_name" value="{{ old('first_name') }}" required autofocus />

                                @if ($errors->has('first_name'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('first_name') }}</strong>
                                    </span>
                                @endif
                            </div>

                            <div class="input col-6">
                                <input type="text" class="input-text with-border{{ $errors->has('last_name') ? ' is-invalid' : '' }}" id="last_name-register" placeholder="Last Name" name="last_name" value="{{ old('last_name') }}" required autofocus />

                                @if ($errors->has('last_name'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('last_name') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="input-with-icon-left">
                            <i class="icon-material-baseline-mail-outline"></i>
                            <input type="email" class="input-text with-border{{ $errors->has('email-register') ? ' is-invalid' : '' }}" value="{{ old('email-register') }}" name="email-register" id="email-register" placeholder="Email Address" required />

                            @if ($errors->has('email-register'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email-register') }}</strong>
                                    </span>
                            @endif
                        </div>

                        <div class="input-with-icon-left" title="Should be at least 8 characters long" data-tippy-placement="bottom">
                            <i class="icon-material-outline-lock"></i>
                            <input type="password" class="input-text with-border{{ $errors->has('password-register') ? ' is-invalid' : '' }}" name="password-register" id="password-register" placeholder="Password" required />
                            @if ($errors->has('password-register'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password-register') }}</strong>
                                    </span>
                            @endif
                        </div>

                        <div class="input-with-icon-left" title="Should be at least 8 characters long" data-tippy-placement="bottom">
                            <i class="icon-material-outline-lock"></i>
                            <input type="password" class="input-text with-border{{ $errors->has('password-register_confirmation') ? ' is-invalid' : '' }}" name="password-register_confirmation" id="password-register_confirmation" placeholder="Confirm Password" required />
                            @if ($errors->has('password-register_confirmation'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('password-register_confirmation') }}</strong>
                                    </span>
                            @endif
                        </div>


                        <button class="margin-top-10 button full-width button-sliding-icon ripple-effect" type="submit">                                    {{ __('Register') }}

                            <i class="icon-material-outline-arrow-right-alt"></i></button>
                    </form>
                    <!-- Button -->

                    <!-- Social Login -->
                    <div class="social-login-separator"><span>or</span></div>
                    <div class="social-login-buttons">
                        <button class="facebook-login ripple-effect">
                            <i class="icon-brand-facebook-f"></i> Register via Facebook
                        </button>
                        <button class="google-login ripple-effect">
                            <i class="icon-brand-google-plus-g"></i> Register via Google+
                        </button>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- Sign In Popup / End -->

    <!-- Sign In Popup
================================================== -->
    <div id="small-dialog-1" class="zoom-anim-dialog mfp-hide dialog-with-tabs">

        <!--Tabs -->
        <div class="sign-in-form">

            <ul class="popup-tabs-nav">
                <li><a href="#forgot-your-password">Forgot Your Password</a></li>
            </ul>

            <div class="popup-tabs-container">

                <!-- Login -->
                <div class="popup-tab-content" id="forgot-your-password">

                    <!-- Welcome Text -->
                    <div class="welcome-text">
                        <h3>Reset your password</h3>
                    </div>

                    <!-- Form -->
                    <form class="ajaxify" method="POST" id="forgot-your-password-form" action="{{ route('password.email') }}">
                        @csrf

                        <div class="input-with-icon-left">
                            <i class="icon-material-baseline-mail-outline"></i>
                            <input type="text" class="input-text with-border" name="email" id="email" placeholder="Email Address" required />

                            @if ($errors->has('email'))
                                <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                            @endif
                        </div>
                    </form>

                    <!-- Button -->
                    <button class="button full-width button-sliding-icon ripple-effect" type="submit" form="forgot-your-password-form">Reset Your Password
                        <i class="icon-material-outline-arrow-right-alt"></i></button>

                </div>
            </div>
        </div>
    </div>
    <!-- Sign In Popup / End -->
@endguest