@include( 'partials.header' )

@if( isset( $saveDialog ) && $saveDialog )
    @push('scripts')
        <script>
            /**
             * Unsaved Form
             */

            var unsavedChanges = false;

            window.onbeforeunload = function ( e ) {
                if ( unsavedChanges ) {
                    var dialogText = "You have unsaved changes on this page. Do you want to leave this page and discard your changes or stay on this page?";

                    e.returnValue = dialogText;

                    return dialogText;
                }
            };

            $( document ).on( 'change', 'select,input,textarea', function() {
                unsavedChanges = true;
            });

            $( document ).on( 'keydown', 'input,textarea', function() {
                unsavedChanges = true;
            });

            $( document ).on( 'submit', 'form', function () {
                unsavedChanges = false;
            } );
        </script>
    @endpush
@endif

<!-- Dashboard Container -->
<div class="dashboard-container">
    @include( 'partials.sidebar' )

    <div id="main-app" class="dashboard-content-container">
        @if ( ! isset( $user->meta->contract_signed ) || ! $user->meta->contract_signed )
            <div class="notification error closeable">
                @if ( $user->hasRole( 'freelancer' ) )
                    <p><strong>Please note:</strong> before you can apply for any jobs, you must first read and agree to the <a href="{{ route( 'contracts.worker' ) }}">Wagely Contract for Workers</a>.</p>
                @elseif ( $user->hasRole( 'employer' ) )
                    <p><strong>Please note:</strong> before you can post any jobs, you must first read and agree to the <a href="{{ route( 'contracts.employer') }}">Wagely Contract for Employers</a>.</p>
                @endif
                <a class="close" href="#"></a>
            </div>
        @endif

        @yield( 'content' )

        @auth
            @if( ! request()->routeIs([ 'messages' ] ) )
                <message-popup></message-popup>
            @endif
        @endauth
    </div>
</div>

@include( 'partials.footer' )