{{-- <div>
    <div class="main-three-outer">
        <div class="rb-heading">
            <h2 class="font-size-28 mob-hide">Dashboard</h2>
        </div>
        <div class="famous-design-main">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-2 col-md-12">
                        <div class="items-list mob-hide draft-sidebar-container-js">
                        </div>
                    </div>
                    <div class="col-md-10">
                        <div class="tab-content full-view-image">
                            <div class="tab-pane active" id="img1">
                                <div class="zoom_img" id="hubble-container">
                                    @php
                                    $media = $draft->getAttachment;
                                    $media_url = asset('assets/front/images/GD.png');
                                    if($media){
                                    $media_url = $media->getUrl();
                                    }elseif ($draft->preview_media_old) {
                                    $media = $draft->preview_media_old;
                                    $media_url = $media->url;
                                    }
                                    @endphp
                                    <img id="hubblepic" src="{{$media_url ?? ''}}" loading="lazy" />
                                    <div class="image-comments">
                                    </div>
                                </div>
                            </div>
                            @if( !isset( $hideApproveForm ) || $hideApproveForm === false )
                            <x-draft.survey-form :draftId="$id" />
                            @endif
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div> --}}
<nav class="col-md-3 col-lg-2 d-md-block bg-light sidebar ps-0">
    <div class="position-sticky draft-sidebar-container-js">
        @include('inc.skeleton', ['key' => 'draft-list-items', 'number' => 5])
    </div>
</nav>
<main class="col-md-9 ms-sm-auto col-lg-10 p-0 image-display">
    <div id="hubble-container">
        @php
        $media = $draft->getAttachment;
        $media_url = asset('assets/front/images/GD.png');
        if($media){
        $media_url = $media->getUrl();
        }elseif ($draft->preview_media_old) {
        $media = $draft->preview_media_old;
        $media_url = $media->url;
        }
        @endphp
        <img id="hubblepic" src="{{$media_url ?? ''}}" loading="lazy" />
        <div class="image-comments">
        </div>
    </div>
    @if( !isset( $hideApproveForm ) || $hideApproveForm === false )
    <x-draft.survey-form :draftId="$id" />
    @endif
</main>

@push('liveScript')
@if ( isAnonymousUser() )
<script>
    var anonymous_user = '{{ session('referalUser')->name }}';
</script>
@endif
<script>
    var projectType = 'graphic';
    var draftId = '{{$id}}';
    var projectId = '{{$project_id}}';
    var project_status = '{{$draft->project_status ?? ''}}';
    var view_only = '{{$view_only ?? false}}'
</script>
<script async src="{{ asset('assets/front/common/js/moment.min.js?v='.time()) }}"></script>
<script src="{{asset('assets/front/js/classes/draftClasses.js?v='.time())}}"></script>

<script src="{{ asset('assets/front/common/js/hammer.min.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/common/js/jquery.mousewheel.min.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/common/js/imgViewer.js?v='.time()) }}"></script>
<script src="{{ asset('assets/front/common/js/imgNotes.js?v='.time()) }}"></script>
<script src="{{asset('assets/front/js/design-comment.js?v='.time())}}"></script>
@endpush