@php
$draft_status = 'N/A';
$project_status = 'N/A';
if(isAgency(getUser()) || isAnonymousUser()){
$draft_status = $draft->status_text;
$project_status = $draft->project ? $draft->project->status_text : 'N/A';
}else{
$draft_status = $draft->status_name;
$project_status = $draft->project_status ? $draft->project_statust : 'N/A';
}

@endphp

<ul>
    @php
    $project_type = $draft->project_type;
    if($draft->project){
    $project_type = $draft->project->project_type;
    }
    @endphp
    @if ($project_type == 1)
    <li><a href="javascript:;"><i class="fa-solid fa-magnifying-glass-plus zoom-add"></i></a></li>
    <li><a href="javascript:;"><i class="fa-solid fa-magnifying-glass-minus zoom-minus"></i></a></li>
    @endif

    <li><a href="javascript:;" id="fit_screen"><i class="fa-solid fa-expand"></i></a></li>
    <div class="d-none d-md-block align-content-center">
        <div class="select_version header_js_slider_container">

        </div> 
    </div>

    @if ( false === isset($hide_download_button) || false === $hide_download_button )
        @if ( !isAnonymousUser() || hasPermissionInvitedUser('download_asset') )
            <li>
                <a href="javascript:;" class="js-download-draft" data-href="{{getRoute('draft.download', $draft->id)}}">
                    <i class="fa-solid fa-download"></i>
                </a>
            </li>
        @endif
    @endif

    @if ( !isAnonymousUser() && getUser()->user_type == 'company')
    <li>
        <a href="javascript:;" class="delete-designer-draft-js" data-href="{{ getRoute('project.drafts.destroy', [$draft->project_id, $draft->id]) }}"
            data-project-id="{{$draft->project_id ?? ''}}" data-id="{{$draft->id ?? ''}}" title="Delete Draft">
            <i class="fa-solid fa-trash"></i>
        </a>
    </li>
    @endif
    
    <div class="js-custom-action d-flex gap-2">
    @if ( !isAnonymousUser() || hasPermissionInvitedUser('mark_complete'))
        @if (isAgency(getUser()) || !$showApprove)
            <li class="approved">
                <a href="javascript:;" class="js-admin-button">
                    <i class="fa-solid fa-check"></i> {{ $draft_status ?? '' }}
                </a>
            </li>
        @endif
        @if($project_status != 'cancelled')
            @if (isUser($user) && $showApprove)
                <li class="approved">
                    <a href="javascript:;" class="js-draft-action" data-slug="approved">
                        <i class="fa-solid fa-check"></i> Approve
                    </a>
                </li>
            @endif
        @endif
    @endif

    @if($project_status != 'cancelled')
    @if (isUser($user) && $showApprove)
        <li class="approved">
            <a href="javascript:;" class="js-draft-action" data-slug="revision">
                <i class="fa-solid fa-xmark"></i> Reject
            </a>
        </li>
    @endif
    @endif
    </div>


</ul>
@include('inc.flashModalMessages')
@include('customer.modals.message-modal')
{{-- <header class="nav-project-head py-3">
    <div class="container-fluid">
        <div class="project-top-nav">
            <div class="project-topleft m-0 p-0 w-100">
                <div class="">
                    <div class="d-flex">
                        <!-- humburg-outer  -->
                        @if ( !isAnonymousUser() || hasPermissionInvitedUser('view_project') )
                        <a href="{{ getRoute('project.show', $draft->project_id) }}">
                            <button type="button"
                                class="btn no-wrap mx-md-4 mx-1 color-gray font-size-18 d-flex p-0"><span
                                    class="material-icons mr-2">arrow_back</span>Back</button>
                        </a>
                        @endif
                        @php
                        $project_type = $draft->project_type;
                        if($draft->project){
                        $project_type = $draft->project->project_type;
                        }
                        @endphp
                        @if ($project_type == 1)
                        <div class="range-slider mx-4 d-flex align-items-center">
                            <span class="material-icons mr-4 color-gray zoom-add">zoom_in</span>
                            <span class="material-icons color-gray zoom-minus">zoom_out</span>
                        </div>
                        @endif

                        <span id="project-pageinfo-id" data-id="385"></span>
                    </div>
                </div>
                <div class="mobile_hide header_js_slider_container">
                </div>
                <div class="">
                    <div class="product-options">
                        @if ( !isAnonymousUser() && !$view_only)
                        <button class="btn px-2" id="add_to_fav">
                            @if ($draft->is_favourite)
                            <i data-id="{{ $draft->favourite_id ?? '' }}"
                                class="material-icons color-primary">favorite</i>
                            @else
                            <i class="material-icons color-primary">favorite_border</i>
                            @endif
                        </button>
                        @endif

                        <button class="btn px-2" id="fit_screen" title="Full Page View"><i
                                class="material-icons color-gray">crop_free</i></button>

                        @if ( !isAnonymousUser() && getUser()->user_type == 'company')
                        <button type="button"
                            data-href="{{ getRoute('project.drafts.destroy', [$draft->project_id, $draft->id]) }}"
                            data-project-id="{{$draft->project_id ?? ''}}" data-id="{{$draft->id ?? ''}}"
                            class="bg-white delete_draft delete-designer-draft-js"><span
                                class="material-icons color-gray">delete_outline</span></button>
                        @endif
                    </div>

                </div>
            </div>
            <div class="mobile_show header_js_slider_container">
            </div>

            <div class="project-topright famous-design-action js-custom-action">
                @if ( !isAnonymousUser() || hasPermissionInvitedUser('mark_complete'))

                @if (isAgency(getUser()) || !$showApprove)
                <button class="d-flex align-items-center btn approve-btn top-p-drop ml-4 mr-3 js-admin-button"
                    type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                    aria-expanded="false">
                    <span class="material-icons mr-2 color-white">check</span> {{ $draft_status ?? '' }}
                </button>
                @endif
                @if($project_status != 'cancelled')
                @if (isUser($user) && $showApprove)
                <button class="d-flex align-items-center btn approve-btn top-p-drop ml-4 mr-3 js-draft-action"
                    type="button" data-slug="approved">
                    <span class="material-icons mr-2 color-white">check</span> Approve
                </button>
                @endif
                @endif
                @endif

                @if ( false === isset($hide_download_button) || false === $hide_download_button )
                @if ( !isAnonymousUser() || hasPermissionInvitedUser('download_asset') )
                <button type="button" class="dtl-btn js-download-draft"
                    data-href="{{getRoute('draft.download', $draft->id)}}"><span
                        class="material-icons mr-2">file_download</span> Download</button>
                @endif
                @endif
                @if($project_status != 'cancelled')
                @if (isUser($user) && $showApprove)
                <button class="ml-2 bg-white js-draft-action" data-toggle="tooltip" data-placement="bottom"
                    title="Reject" data-slug="revision">
                    <span class="material-icons font-size-38">highlight_off</span>
                </button>
                @endif
                @endif

            </div>
        </div>
    </div>
    @include('inc.flashModalMessages')
    @include('customer.modals.message-modal')
</header> --}}